@100mslive/roomkit-react 0.2.8-alpha.9 → 0.3.0

package/dist/{chunk-FUDX3LDB.js → chunk-LCECN6XD.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_cf01f7b0-2724-4e4f-b298-ff7feccfe357", 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.9.8-alpha.9", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_cf01f7b0-2724-4e4f-b298-ff7feccfe357", 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.12.8-alpha.9", 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: "591", 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: "20240225.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:19780", 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.8-alpha.9", 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: "8109554901", 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: "2a735b6edf0b63927744abb555b47ab9be6e5891", 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: "7312e8d1b6dc1c3c88807c4efcd1e1b66331c074df1f1b56194f927df7add041", npm_package_exports___import: "./dist/index.js", 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--1709286943827-0.6891216397962161:/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--1709286943630-0.9971913087997049:/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--1709286921685-0.8303138139294286:/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--1709286921507-0.5830472582556345:/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_105a33c3-e668-4c3a-9613-d5a1981afa4e", INVOCATION_ID: "546f5e1c56564beaa3ea908eafaed9c6", 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: "459", 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 59", 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.9.8-alpha.9", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.8-alpha.9", 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: "2a735b6edf0b63927744abb555b47ab9be6e5891", 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_cf01f7b0-2724-4e4f-b298-ff7feccfe357", 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_cf01f7b0-2724-4e4f-b298-ff7feccfe357", 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_cf01f7b0-2724-4e4f-b298-ff7feccfe357" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_4eada179-91ba-42c0-812a-6c62a47c4853", 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.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_4eada179-91ba-42c0-812a-6c62a47c4853", 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.0", 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: "592", 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: "20240225.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:20654", 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.0", 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: "8153826113", 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: "eaed700cd6f04214d3aa7a691c3f1bd603e1ce0e", 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: "da4e18ae136d0946a91866f297091a0c26a9e103cec876b3731d92b61083b209", 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--1709630446602-0.9281138785303897:/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--1709630446409-0.47889333945358104:/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--1709630424406-0.8143865164298287:/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--1709630424231-0.2506504138931236:/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_9f88d938-1924-4be0-a607-3d62ff2d1871", INVOCATION_ID: "254f6b36d06446e18715e52b31cd7d08", 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: "466", 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 222", 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.10.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.0", 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: "eaed700cd6f04214d3aa7a691c3f1bd603e1ce0e", 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_4eada179-91ba-42c0-812a-6c62a47c4853", 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.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_4eada179-91ba-42c0-812a-6c62a47c4853", 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_4eada179-91ba-42c0-812a-6c62a47c4853" };
   }
 });
 
@@ -2928,8 +2928,8 @@ var require_lodash = __commonJS({
           return { "start": start, "end": end };
         }
         function getWrapDetails(source) {
-          var match10 = source.match(reWrapDetails);
-          return match10 ? match10[1].split(reSplitDetails) : [];
+          var match12 = source.match(reWrapDetails);
+          return match12 ? match12[1].split(reSplitDetails) : [];
         }
         function hasPath(object, path, hasFunc) {
           path = castPath(path, object);
@@ -3197,8 +3197,8 @@ var require_lodash = __commonJS({
           if (string.charCodeAt(0) === 46) {
             result2.push("");
           }
-          string.replace(rePropName, function(match10, number, quote, subString) {
-            result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match10);
+          string.replace(rePropName, function(match12, number, quote, subString) {
+            result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match12);
           });
           return result2;
         });
@@ -4764,7 +4764,7 @@ var require_lodash = __commonJS({
             "g"
           );
           var sourceURL = "//# sourceURL=" + (hasOwnProperty.call(options, "sourceURL") ? (options.sourceURL + "").replace(/\s/g, " ") : "lodash.templateSources[" + ++templateCounter + "]") + "\n";
-          string.replace(reDelimiters, function(match10, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
+          string.replace(reDelimiters, function(match12, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
             interpolateValue || (interpolateValue = esTemplateValue);
             source += string.slice(index, offset).replace(reUnescapedString, escapeStringChar);
             if (escapeValue) {
@@ -4778,8 +4778,8 @@ var require_lodash = __commonJS({
             if (interpolateValue) {
               source += "' +\n((__t = (" + interpolateValue + ")) == null ? '' : __t) +\n'";
             }
-            index = offset + match10.length;
-            return match10;
+            index = offset + match12.length;
+            return match12;
           });
           source += "';\n";
           var variable = hasOwnProperty.call(options, "variable") && options.variable;
@@ -4867,13 +4867,13 @@ var require_lodash = __commonJS({
           }
           if (isRegExp(separator)) {
             if (string.slice(end).search(separator)) {
-              var match10, substring = result2;
+              var match12, substring = result2;
               if (!separator.global) {
                 separator = RegExp2(separator.source, toString(reFlags.exec(separator)) + "g");
               }
               separator.lastIndex = 0;
-              while (match10 = separator.exec(substring)) {
-                var newEnd = match10.index;
+              while (match12 = separator.exec(substring)) {
+                var newEnd = match12.index;
               }
               result2 = result2.slice(0, newEnd === undefined2 ? end : newEnd);
             }
@@ -5628,7 +5628,7 @@ var require_ua_parser = __commonJS({
         }
       };
       var rgxMapper = function(ua, arrays) {
-        var i = 0, j, k2, p, q2, matches, match10;
+        var i = 0, j, k2, p, q2, matches, match12;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
           j = k2 = 0;
@@ -5639,26 +5639,26 @@ var require_ua_parser = __commonJS({
             matches = regex[j++].exec(ua);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
-                match10 = matches[++k2];
+                match12 = matches[++k2];
                 q2 = props[p];
                 if (typeof q2 === OBJ_TYPE && q2.length > 0) {
                   if (q2.length === 2) {
                     if (typeof q2[1] == FUNC_TYPE) {
-                      this[q2[0]] = q2[1].call(this, match10);
+                      this[q2[0]] = q2[1].call(this, match12);
                     } else {
                       this[q2[0]] = q2[1];
                     }
                   } else if (q2.length === 3) {
                     if (typeof q2[1] === FUNC_TYPE && !(q2[1].exec && q2[1].test)) {
-                      this[q2[0]] = match10 ? q2[1].call(this, match10, q2[2]) : undefined2;
+                      this[q2[0]] = match12 ? q2[1].call(this, match12, q2[2]) : undefined2;
                     } else {
-                      this[q2[0]] = match10 ? match10.replace(q2[1], q2[2]) : undefined2;
+                      this[q2[0]] = match12 ? match12.replace(q2[1], q2[2]) : undefined2;
                     }
                   } else if (q2.length === 4) {
-                    this[q2[0]] = match10 ? q2[3].call(this, match10.replace(q2[1], q2[2])) : undefined2;
+                    this[q2[0]] = match12 ? q2[3].call(this, match12.replace(q2[1], q2[2])) : undefined2;
                   }
                 } else {
-                  this[q2] = match10 ? match10 : undefined2;
+                  this[q2] = match12 ? match12 : undefined2;
                 }
               }
             }
@@ -8636,13 +8636,13 @@ var require_parser = __commonJS({
     var toIntIfInt = function(v2) {
       return String(Number(v2)) === v2 ? Number(v2) : v2;
     };
-    var attachProperties = function(match10, location, names, rawName) {
+    var attachProperties = function(match12, location, names, rawName) {
       if (rawName && !names) {
-        location[rawName] = toIntIfInt(match10[1]);
+        location[rawName] = toIntIfInt(match12[1]);
       } else {
         for (var i = 0; i < names.length; i += 1) {
-          if (match10[i + 1] != null) {
-            location[names[i]] = toIntIfInt(match10[i + 1]);
+          if (match12[i + 1] != null) {
+            location[names[i]] = toIntIfInt(match12[i + 1]);
           }
         }
       }
@@ -14156,7 +14156,7 @@ var useMobileHLSStream = () => {
 
 // src/Prebuilt/components/EmojiReaction.jsx
 init({ data });
-var EmojiReaction = () => {
+var EmojiReaction = ({ showCard = false }) => {
   const [open, setOpen] = useState12(false);
   const isConnected = useHMSStore10(selectIsConnectedToRoom2);
   useDropdownList({ open, name: "EmojiReaction" });
@@ -14182,7 +14182,7 @@ var EmojiReaction = () => {
   if (!isConnected) {
     return null;
   }
-  if ((isMobile || isLandscape) && !(isLandscapeStream || isMobileHLSStream)) {
+  if (showCard) {
     return /* @__PURE__ */ React34.createElement(EmojiCard, { sendReaction });
   }
   return /* @__PURE__ */ React34.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React34.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "emoji_reaction_btn" }, /* @__PURE__ */ React34.createElement(
@@ -16356,8 +16356,8 @@ init_define_process_env();
 var logDisabled_ = true;
 var deprecationWarnings_ = true;
 function extractVersion(uastring, expr, pos) {
-  const match10 = uastring.match(expr);
-  return match10 && match10.length >= pos && parseInt(match10[pos], 10);
+  const match12 = uastring.match(expr);
+  return match12 && match12.length >= pos && parseInt(match12[pos], 10);
 }
 function wrapPeerConnectionEvent(window2, eventNameToWrap, wrapper) {
   if (!window2.RTCPeerConnection) {
@@ -16659,7 +16659,7 @@ function shimGetUserMedia(window2, browserDetails) {
         if (matches) {
           return navigator2.mediaDevices.enumerateDevices().then((devices) => {
             devices = devices.filter((d2) => d2.kind === "videoinput");
-            let dev = devices.find((d2) => matches.some((match10) => d2.label.toLowerCase().includes(match10)));
+            let dev = devices.find((d2) => matches.some((match12) => d2.label.toLowerCase().includes(match12)));
             if (!dev && devices.length && matches.includes("back")) {
               dev = devices[devices.length - 1];
             }
@@ -18086,11 +18086,11 @@ function shimMaxMessageSize(window2, browserDetails) {
     });
   };
   const getRemoteFirefoxVersion = function(description) {
-    const match10 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
-    if (match10 === null || match10.length < 2) {
+    const match12 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
+    if (match12 === null || match12.length < 2) {
       return -1;
     }
-    const version = parseInt(match10[1], 10);
+    const version = parseInt(match12[1], 10);
     return version !== version ? -1 : version;
   };
   const getCanSendMaxMessageSize = function(remoteIsFirefox) {
@@ -18115,12 +18115,12 @@ function shimMaxMessageSize(window2, browserDetails) {
     if (browserDetails.browser === "firefox" && browserDetails.version === 57) {
       maxMessageSize = 65535;
     }
-    const match10 = import_sdp.default.matchPrefix(
+    const match12 = import_sdp.default.matchPrefix(
       description.sdp,
       "a=max-message-size:"
     );
-    if (match10.length > 0) {
-      maxMessageSize = parseInt(match10[0].substring(19), 10);
+    if (match12.length > 0) {
+      maxMessageSize = parseInt(match12[0].substring(19), 10);
     } else if (browserDetails.browser === "firefox" && remoteIsFirefox !== -1) {
       maxMessageSize = 2147483637;
     }
@@ -18445,7 +18445,7 @@ import { v4 as so } from "uuid";
 import { v4 as co } from "uuid";
 import { EventEmitter2 as lo } from "eventemitter2";
 var Lt = __toESM(require_lib());
-import { EventEmitter2 as Ro } from "eventemitter2";
+import { EventEmitter2 as Io } from "eventemitter2";
 import { v4 as Lo } from "uuid";
 import { EventEmitter2 as Do } from "eventemitter2";
 import wo from "eventemitter2";
@@ -18478,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.11.8-alpha.9", 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.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", "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 || {});
@@ -18490,7 +18490,7 @@ function He(a2, e) {
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      Ia(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
+      Ra(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
     }
   return { video: t, audio: i };
 }
@@ -18500,7 +18500,7 @@ function tt(a2) {
 function it(a2) {
   return a2 && a2.type === "video";
 }
-function Ia(a2) {
+function Ra(a2) {
   return a2 && a2.source === "screen";
 }
 function Gt(a2) {
@@ -18521,9 +18521,9 @@ function st(a2) {
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
 }
 var V = (a2) => a2.room;
-var Ra = (a2) => a2.errors;
-var An = createSelector(Ra, (a2) => a2.length === 0 ? null : a2.at(-1));
-var In = createSelector(V, (a2) => a2.id);
+var Ia = (a2) => a2.errors;
+var An = createSelector(Ia, (a2) => a2.length === 0 ? null : a2.at(-1));
+var Rn = createSelector(V, (a2) => a2.id);
 var G = (a2) => a2.peers;
 var $t = (a2) => a2.messages.byID;
 var Jr = (a2) => a2.messages.allIDs;
@@ -18963,7 +18963,7 @@ function lr(a2) {
   return a2.replace(/ /g, "_");
 }
 var ks = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
-var R = class {
+var I = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: ot() };
     this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Wa(), this.device_id = vs();
@@ -18975,57 +18975,57 @@ var R = class {
 var y = 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(M(S({}, 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 R({ name: o, level: n, properties: l });
+    return new I({ name: o, level: n, properties: l });
   }
   static disconnect(e, t) {
     let i = "disconnected", r = e ? 2 : 1, s = this.getPropertiesWithError(t, e);
-    return new R({ name: i, level: r, properties: s });
+    return new I({ name: i, level: r, properties: s });
   }
   static preview(i) {
     var r = i, { error: e } = r, t = Yi(r, ["error"]);
     let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
-    return new R({ name: s, level: o, properties: n });
+    return new I({ name: s, level: o, properties: n });
   }
   static join(i) {
     var r = i, { error: e } = r, t = Yi(r, ["error"]);
     let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
-    return new R({ name: s, level: o, properties: n });
+    return new I({ name: s, level: o, properties: n });
   }
   static publish({ devices: e, settings: t, error: i }) {
     let r = this.eventNameFor("publish", i === void 0), s = i ? 2 : 1, o = this.getPropertiesWithError({ devices: e, audio: t == null ? void 0 : t.audio, video: t == null ? void 0 : t.video }, i);
-    return new R({ name: r, level: s, properties: o });
+    return new I({ name: r, level: s, properties: o });
   }
   static hlsPlayerError(e) {
-    return new R({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
+    return new I({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
   }
   static subscribeFail(e) {
     let t = this.eventNameFor("subscribe", false), i = 2, r = this.getErrorProperties(e);
-    return new R({ name: t, level: i, properties: r });
+    return new I({ name: t, level: i, properties: r });
   }
   static leave() {
-    return new R({ name: "leave", level: 1 });
+    return new I({ name: "leave", level: 1 });
   }
   static autoplayError() {
-    return new R({ name: "autoplayError", level: 2 });
+    return new I({ name: "autoplayError", level: 2 });
   }
   static audioPlaybackError(e) {
-    return new R({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
+    return new I({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
   }
   static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
     let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, l = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
-    return new R({ name: o, level: n, properties: l });
+    return new I({ name: o, level: n, properties: l });
   }
   static performance(e) {
     let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
-    return new R({ name: t, level: i, properties: r });
+    return new I({ name: t, level: i, properties: r });
   }
   static rtcStats(e) {
     let t = "rtc.stats", i = 1, r = e.toAnalyticsProperties();
-    return new R({ name: t, level: i, properties: r });
+    return new I({ name: t, level: i, properties: r });
   }
   static rtcStatsFailed(e) {
     let t = "rtc.stats.failed", i = 2;
-    return new R({ name: t, level: i, properties: this.getErrorProperties(e) });
+    return new I({ name: t, level: i, properties: this.getErrorProperties(e) });
   }
   static degradationStats(e, t) {
     let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
@@ -19033,20 +19033,20 @@ var y = class {
       let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
       s = M(S({}, s), { duration: n, restoredAt: o });
     }
-    return new R({ name: i, level: r, properties: s });
+    return new I({ name: i, level: r, properties: s });
   }
   static audioDetectionFail(e, t) {
     let i = this.getPropertiesWithError({ device: t }, e), r = 2, s = "audiopresence.failed";
-    return new R({ name: s, level: r, properties: i });
+    return new I({ name: s, level: r, properties: i });
   }
   static previewNetworkQuality(e) {
-    return new R({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
+    return new I({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
   }
   static publishStats(e) {
-    return new R({ name: "publisher.stats", level: 1, properties: e });
+    return new I({ name: "publisher.stats", level: 1, properties: e });
   }
   static subscribeStats(e) {
-    return new R({ name: "subscriber.stats", level: 1, properties: e });
+    return new I({ name: "subscriber.stats", level: 1, properties: e });
   }
   static eventNameFor(e, t) {
     return `${e}.${t ? "success" : "failed"}`;
@@ -19107,7 +19107,7 @@ function jt(a2, e = 300) {
     }, e);
   };
 }
-var Rs = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Rs || {});
+var Is = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Is || {});
 var Hs = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Hs || {});
 var Cs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Cs || {});
 var mr = class {
@@ -19241,13 +19241,13 @@ var k = class {
   }
 };
 k.level = 0;
-var Ir = (a2, e) => e;
+var Rr = (a2, e) => e;
 var Tt = (a2, e) => e;
 var qs = (a2, e) => e;
 var uo = (a2, e) => e;
 var po = (a2, e) => e;
-var J = createSelector([G, Ir], (a2, e) => e ? a2[e] : null);
-var Rr = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
+var J = createSelector([G, Rr], (a2, e) => e ? a2[e] : null);
+var Ir = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
 var ho = createSelector([D, Tt], (a2, e) => {
   if (!e)
     return null;
@@ -19285,7 +19285,7 @@ function tm(a2) {
   };
 }
 var rm = b(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
-var ai = b(Rr);
+var ai = b(Ir);
 var js = b(ho);
 var sm = b(mo);
 var am = b(So);
@@ -19366,7 +19366,7 @@ var Mm = b((a2, e) => {
   return Ys(t == null ? void 0 : t.id)(a2);
 });
 var Xs = b((a2, e) => {
-  let t = Rr(a2, e);
+  let t = Ir(a2, e);
   if (t) {
     if (t.type !== "audio") {
       k.w("Please pass audio track here");
@@ -19383,8 +19383,8 @@ var km = b((a2, e) => {
   let t = zs(e)(a2);
   return Xs(t == null ? void 0 : t.id)(a2);
 });
-var Pm = b((a2, e) => {
-  let t = Rr(a2, e);
+var Em = b((a2, e) => {
+  let t = Ir(a2, e);
   if (t) {
     if (t.type !== "video") {
       k.w("Please pass video track here");
@@ -19393,7 +19393,7 @@ var Pm = b((a2, e) => {
     return t.layer;
   }
 });
-var Zs = createSelector([at, ue, Ir], (a2, e, t) => {
+var Zs = createSelector([at, ue, Rr], (a2, e, t) => {
   if (t)
     return a2.filter((i) => {
       var r;
@@ -19412,26 +19412,26 @@ var yo = createSelector(at, (a2) => a2.filter((e) => {
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
 var ko = createSelector([ea, qs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Po = createSelector([Zs, Ir], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Em = createSelector(yo, (a2) => a2.filter((e) => !e.read).length);
+var Eo = createSelector([Zs, Rr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Pm = createSelector(yo, (a2) => a2.filter((e) => !e.read).length);
 var bm = b(Zs);
 var Am = b(ea);
-var Im = b(ko);
-var Rm = b(Po);
+var Rm = b(ko);
+var Im = b(Eo);
 var ta = b(To);
 var Vm = createSelector([G, D], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
 }));
-var Eo = (a2) => a2.roleChangeRequests[0] || null;
-var Bm = createSelector([Eo, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var Po = (a2) => a2.roleChangeRequests[0] || null;
+var Bm = createSelector([Po, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
 var Fm = createSelector([Wt], (a2) => st(a2));
 var Gm = createSelector([Zr], (a2) => st(a2));
 var Ao = createSelector([K, D], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Io = createSelector([Z, D], (a2, e) => {
+var Ro = createSelector([Z, D], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
@@ -19809,7 +19809,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore25(selectRecordingState);
-  if (recording.hls && recording.hls.state === Rs.PAUSED) {
+  if (recording.hls && recording.hls.state === Is.PAUSED) {
     return /* @__PURE__ */ React54.createElement(
       Tooltip,
       {
@@ -20409,7 +20409,7 @@ var MwebOptions = ({
         mx: "$4"
       }
     },
-    /* @__PURE__ */ React58.createElement(EmojiReaction, null)
+    /* @__PURE__ */ React58.createElement(EmojiReaction, { showCard: true })
   ), showRecordingOn && /* @__PURE__ */ React58.createElement(
     StopRecordingInSheet,
     {
@@ -21204,9 +21204,6 @@ var DropdownWrapper = ({ children }) => {
   if (React72.Children.toArray(children).length === 0) {
     return null;
   }
-  React72.Children.map(children, (child) => {
-    console.log({ child });
-  });
   return /* @__PURE__ */ React72.createElement(Dropdown.Root, { open: openOptions, onOpenChange: setOpenOptions }, /* @__PURE__ */ React72.createElement(
     Dropdown.Trigger,
     {
@@ -21245,9 +21242,12 @@ var RoleOptions = ({ roleName, peerList }) => {
   const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
   const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
   const role = useHMSStore35(selectRoleByRoleName(roleName));
+  const tracks = useHMSStore35(selectTracksMap3);
+  if (!role) {
+    return null;
+  }
   const canPublishAudio = role.publishParams.allowed.includes("audio");
   const canPublishVideo = role.publishParams.allowed.includes("video");
-  const tracks = useHMSStore35(selectTracksMap3);
   let isVideoOnForSomePeers = false;
   let isAudioOnForSomePeers = false;
   peerList.forEach((peer) => {
@@ -23933,7 +23933,10 @@ var EmptyChat = () => {
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const isMobile = useMedia12(config.media.md);
   const canSendMessages = elements.chat && (elements.chat.public_chat_enabled || elements.chat.private_chat_enabled || elements.chat.roles_whitelist && elements.chat.roles_whitelist.length) && !isLocalPeerBlacklisted;
-  if (isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay))
+  const isMobileHLSStream = useMobileHLSStream();
+  const isLandscapeStream = useLandscapeHLSStream();
+  const streaming = isMobileHLSStream || isLandscapeStream;
+  if (isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && !streaming)
     return /* @__PURE__ */ React107.createElement(React107.Fragment, null);
   return /* @__PURE__ */ React107.createElement(
     Flex,
@@ -23966,13 +23969,13 @@ var usePinnedBy = (messageId) => {
   const pinnedMessages = useHMSStore51(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedBy, setPinnedBy] = useState44("");
   useEffect25(() => {
-    let match10 = "";
+    let match12 = "";
     pinnedMessages == null ? void 0 : pinnedMessages.forEach((pinnedMessage) => {
       if (pinnedMessage.id === messageId) {
-        match10 = pinnedMessage.pinnedBy;
+        match12 = pinnedMessage.pinnedBy;
       }
     });
-    setPinnedBy(match10);
+    setPinnedBy(match12);
   }, [messageId, pinnedMessages]);
   return pinnedBy;
 };
@@ -24829,7 +24832,7 @@ var ChatFooter = ({ onSend, children }) => {
   if (isLocalPeerBlacklisted) {
     return null;
   }
-  return /* @__PURE__ */ React111.createElement(Box, { css: { position: "relative" } }, /* @__PURE__ */ React111.createElement(Flex, null, /* @__PURE__ */ React111.createElement(ChatSelectorContainer, null), canDisableChat && isMobile && isOverlayChat ? /* @__PURE__ */ React111.createElement(Flex, { align: "center", justify: "end", css: { mb: "$4" } }, /* @__PURE__ */ React111.createElement(Popover2.Root, null, /* @__PURE__ */ React111.createElement(Popover2.Trigger, { asChild: true }, /* @__PURE__ */ React111.createElement(IconButton, { css: { border: "1px solid $border_bright" } }, /* @__PURE__ */ React111.createElement(VerticalMenuIcon7, { height: "16", width: "16" }))), /* @__PURE__ */ React111.createElement(Popover2.Portal, null, /* @__PURE__ */ React111.createElement(
+  return /* @__PURE__ */ React111.createElement(Box, { css: { position: "relative" } }, /* @__PURE__ */ React111.createElement(Flex, null, /* @__PURE__ */ React111.createElement(ChatSelectorContainer, null), canDisableChat && isMobile && isOverlayChat ? /* @__PURE__ */ React111.createElement(Flex, { align: "center", justify: "end", css: { mb: "$4" }, onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React111.createElement(Popover2.Root, null, /* @__PURE__ */ React111.createElement(Popover2.Trigger, { asChild: true }, /* @__PURE__ */ React111.createElement(IconButton, { css: { border: "1px solid $border_bright" } }, /* @__PURE__ */ React111.createElement(VerticalMenuIcon7, { height: "16", width: "16" }))), /* @__PURE__ */ React111.createElement(Popover2.Portal, null, /* @__PURE__ */ React111.createElement(
     Popover2.Content,
     {
       align: "end",
@@ -24940,7 +24943,7 @@ var ChatFooter = ({ onSend, children }) => {
       css: {
         alignItems: "center"
       },
-      gap: "1"
+      gap: "2"
     },
     noAVPermissions ? /* @__PURE__ */ React111.createElement(RaiseHand, { css: { bg: "$surface_default" } }) : null,
     /* @__PURE__ */ React111.createElement(MoreSettings, { elements, screenType })
@@ -25202,6 +25205,10 @@ var Chat = () => {
     },
     [hmsActions, vanillaStore]
   );
+  if (!(elements == null ? void 0 : elements.chat)) {
+    return null;
+  }
+  const streaming = isMobileHLSStream || isLandscapeStream;
   return /* @__PURE__ */ React116.createElement(
     Flex,
     {
@@ -25212,18 +25219,18 @@ var Chat = () => {
         gap: "$4"
       }
     },
-    isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) ? null : /* @__PURE__ */ React116.createElement(PinnedMessage, null),
+    isMobile && ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && !streaming ? null : /* @__PURE__ */ React116.createElement(PinnedMessage, null),
     /* @__PURE__ */ React116.createElement(ChatBody, { ref: listRef, scrollToBottom }),
     /* @__PURE__ */ React116.createElement(ChatPaused, null),
     /* @__PURE__ */ React116.createElement(ChatBlocked, null),
-    isMobile && ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) ? /* @__PURE__ */ React116.createElement(PinnedMessage, null) : null,
+    isMobile && ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && !streaming ? /* @__PURE__ */ React116.createElement(PinnedMessage, null) : null,
     isChatEnabled ? /* @__PURE__ */ React116.createElement(ChatFooter, { onSend: scrollToBottom }, /* @__PURE__ */ React116.createElement(NewMessageIndicator, { scrollToBottom, listRef })) : null,
     (isMobileHLSStream || isLandscapeStream) && /* @__PURE__ */ React116.createElement(
       Box,
       {
         css: __spreadValues({
           position: "absolute"
-        }, match7({ isLandscapeStream, isChatEnabled }).with(
+        }, match7({ isLandscapeStream, isMobileHLSStream, isChatEnabled }).with(
           {
             isLandscapeStream: true,
             isChatEnabled: true
@@ -25235,12 +25242,24 @@ var Chat = () => {
             isChatEnabled: false
           },
           () => ({ bottom: "$20", right: "$10" })
+        ).with(
+          {
+            isMobileHLSStream: true,
+            isChatEnabled: false
+          },
+          () => ({ bottom: "$19", right: "$8" })
+        ).with(
+          {
+            isMobileHLSStream: true,
+            isChatEnabled: true
+          },
+          () => ({ bottom: "$17", right: "$8" })
         ).with(
           {
             isLandscapeStream: false,
             isChatEnabled: true
           },
-          () => ({ bottom: "$19", right: "$8" })
+          () => ({ bottom: "$20", right: "$8" })
         ).otherwise(() => ({})))
       },
       /* @__PURE__ */ React116.createElement(EmojiReaction, null)
@@ -25448,7 +25467,7 @@ var tabTriggerCSS = {
 var ParticipantCount2 = ({ count }) => {
   return count < 1e3 ? /* @__PURE__ */ React119.createElement("span", null, "(", count, ")") : /* @__PURE__ */ React119.createElement(Tooltip, { title: count }, /* @__PURE__ */ React119.createElement("span", null, "(", getFormattedCount(count), ")"));
 };
-var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControls, hideTab = false }) => {
+var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = false }) => {
   var _a8, _b7;
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
@@ -25486,7 +25505,6 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
         css: {
           color: "$on_primary_high",
           h: "100%",
-          marginTop: hideControls && isOverlayChat ? "$17" : "0",
           transition: "margin 0.3s ease-in-out",
           position: "relative"
         }
@@ -25501,7 +25519,6 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
       css: {
         color: "$on_primary_high",
         h: "100%",
-        marginTop: hideControls && isOverlayChat ? "$17" : "0",
         transition: "margin 0.3s ease-in-out"
       }
     },
@@ -26495,16 +26512,13 @@ var Wrapper3 = styled("div", {
   },
   "@md": {
     p: "$6 $8",
-    pb: "$12",
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
     animation: `${translateAcross({ yFrom: "100%" })} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
   },
   variants: {
     landscapeStream: {
       true: {
         "@lg": {
-          position: "unset !important",
+          position: "unset",
           minHeight: "100%"
         }
       }
@@ -26518,13 +26532,22 @@ var Wrapper3 = styled("div", {
     },
     overlayChat: {
       true: {
-        height: "unset",
-        maxHeight: 300,
-        background: "linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.94%, rgba(0, 0, 0, 0.64) 100%)",
-        "@md": {
-          pb: "$20"
+        "@lg": {
+          maxHeight: "300px",
+          background: "linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.94%, rgba(0, 0, 0, 0.64) 100%)",
+          position: "fixed",
+          zIndex: 12,
+          bottom: 0
         }
       }
+    },
+    roomDescription: {
+      true: {
+        overflowY: "auto"
+      }
+    },
+    hideControls: {
+      true: {}
     }
   },
   compoundVariants: [
@@ -26534,7 +26557,10 @@ var Wrapper3 = styled("div", {
       css: {
         position: "unset",
         height: "100%",
-        maxHeight: "unset"
+        maxHeight: "unset",
+        "@md": {
+          pb: 0
+        }
       }
     },
     {
@@ -26545,6 +26571,13 @@ var Wrapper3 = styled("div", {
         height: "100%",
         maxHeight: "unset"
       }
+    },
+    {
+      hideControls: false,
+      overlayChat: true,
+      css: {
+        pb: "$17"
+      }
     }
   ]
 });
@@ -26552,7 +26585,7 @@ var SidePane = ({
   tileProps,
   hideControls = false
 }) => {
-  var _a8, _b7, _c, _d, _e, _f;
+  var _a8, _b7, _c, _d, _e, _f, _g;
   const isMobile = useMedia22(config.media.md);
   const sidepane = useHMSStore67(selectAppData6(APP_DATA.sidePane));
   const activeScreensharePeerId = useHMSStore67(selectAppData6(APP_DATA.activeScreensharePeerId));
@@ -26579,22 +26612,43 @@ var SidePane = ({
   const mwebStreamingChat = isMobile && sidepane === SIDE_PANE_OPTIONS.CHAT && ((_f = elements == null ? void 0 : elements.chat) == null ? void 0 : _f.is_overlay);
   const commonProps = {
     landscapeStream: isLandscapeHLSStream,
-    mobileStream: isMobileHLSStream
+    mobileStream: isMobileHLSStream,
+    hideControls,
+    overlayChat: !!((_g = elements == null ? void 0 : elements.chat) == null ? void 0 : _g.is_overlay),
+    roomDescription: isMobile && sidepane === SIDE_PANE_OPTIONS.ROOM_DETAILS
   };
+  const SidepaneComponent = match9(sidepane).with(SIDE_PANE_OPTIONS.POLLS, () => /* @__PURE__ */ React127.createElement(
+    Wrapper3,
+    __spreadValues({
+      css: {
+        "@md": {
+          borderTopLeftRadius: "$2",
+          borderTopRightRadius: "$2"
+        }
+      }
+    }, commonProps),
+    /* @__PURE__ */ React127.createElement(Polls, null)
+  )).with(SIDE_PANE_OPTIONS.VB, () => /* @__PURE__ */ React127.createElement(Wrapper3, __spreadValues({ css: { p: "$10 $6 $10 $10" } }, commonProps), /* @__PURE__ */ React127.createElement(VBPicker, { backgroundMedia }))).with(SIDE_PANE_OPTIONS.CHAT, SIDE_PANE_OPTIONS.PARTICIPANTS, () => /* @__PURE__ */ React127.createElement(Wrapper3, __spreadProps(__spreadValues({}, commonProps), { overlayChat: mwebStreamingChat }), /* @__PURE__ */ React127.createElement(SidePaneTabs, { active: sidepane, hideTab: isMobileHLSStream || isLandscapeHLSStream }))).with(SIDE_PANE_OPTIONS.ROOM_DETAILS, () => /* @__PURE__ */ React127.createElement(Wrapper3, __spreadValues({}, commonProps), /* @__PURE__ */ React127.createElement(RoomDetailsPane, null))).otherwise(() => {
+    return null;
+  });
+  if (!trackId && !SidepaneComponent) {
+    return null;
+  }
   return /* @__PURE__ */ React127.createElement(
     Flex,
     {
       direction: "column",
       justify: "center",
       css: {
-        w: "$100",
+        w: match9({ isMobileHLSStream, isLandscapeHLSStream }).with({ isLandscapeHLSStream: true }, () => "340px").with({ isMobileHLSStream: true }, () => "100%").otherwise(() => "$100"),
         h: "100%",
         flexShrink: 0,
         gap: "$4",
         position: "relative",
         "&:empty": { display: "none" },
-        "@ls": {
-          w: isMobileHLSStream || isLandscapeHLSStream ? "340px" : "$100"
+        "@md": {
+          position: "absolute",
+          zIndex: 12
         }
       }
     },
@@ -26608,27 +26662,7 @@ var SidePane = ({
         rootCSS: { p: 0, alignSelf: "start", flexShrink: 0 }
       }, tileLayout)
     ),
-    match9(sidepane).with(SIDE_PANE_OPTIONS.POLLS, () => /* @__PURE__ */ React127.createElement(
-      Wrapper3,
-      __spreadValues({
-        css: {
-          "@md": {
-            borderTopLeftRadius: "$2",
-            borderTopRightRadius: "$2"
-          }
-        }
-      }, commonProps),
-      /* @__PURE__ */ React127.createElement(Polls, null)
-    )).with(SIDE_PANE_OPTIONS.VB, () => /* @__PURE__ */ React127.createElement(Wrapper3, __spreadValues({ css: { p: "$10 $6 $10 $10" } }, commonProps), /* @__PURE__ */ React127.createElement(VBPicker, { backgroundMedia }))).with(SIDE_PANE_OPTIONS.CHAT, SIDE_PANE_OPTIONS.PARTICIPANTS, () => /* @__PURE__ */ React127.createElement(Wrapper3, __spreadProps(__spreadValues({}, commonProps), { overlayChat: mwebStreamingChat }), /* @__PURE__ */ React127.createElement(
-      SidePaneTabs,
-      {
-        hideControls,
-        active: sidepane,
-        hideTab: isMobileHLSStream || isLandscapeHLSStream
-      }
-    ))).with(SIDE_PANE_OPTIONS.ROOM_DETAILS, () => /* @__PURE__ */ React127.createElement(Wrapper3, __spreadValues({}, commonProps), /* @__PURE__ */ React127.createElement(RoomDetailsPane, null))).otherwise(() => {
-      return null;
-    })
+    SidepaneComponent
   );
 };
 var SidePane_default = SidePane;
@@ -27023,6 +27057,7 @@ var RoleChangeRequestModal = () => {
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
 init_define_process_env();
 import React151, { Suspense, useEffect as useEffect48 } from "react";
+import { match as match10 } from "ts-pattern";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom9,
   selectLocalPeerRoleName as selectLocalPeerRoleName6,
@@ -28388,7 +28423,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React151.lazy(() => import("./HLSView-TOMPA4E4.js"));
+var HLSView = React151.lazy(() => import("./HLSView-LZOTIUWE.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -28445,14 +28480,15 @@ var VideoStreamingSection = ({
         position: "relative",
         gap: isMobileHLSStream || isLandscapeHLSStream ? "0" : "$4"
       },
-      direction: isMobileHLSStream ? "column" : "row"
+      direction: match10({ isLandscapeHLSStream, isMobileHLSStream }).with({ isLandscapeHLSStream: true }, () => "row").with({ isMobileHLSStream: true }, () => "column").otherwise(() => "row")
     },
     ViewComponent,
     /* @__PURE__ */ React151.createElement(
       Box,
       {
         css: {
-          flex: isMobileHLSStream ? "1 1 0" : void 0,
+          flex: match10({ isLandscapeHLSStream, isMobileHLSStream }).with({ isLandscapeHLSStream: true }, () => "1  1 0").with({ isMobileHLSStream: true }, () => "2 1 0").otherwise(() => void 0),
+          position: "relative",
           height: !isMobileHLSStream ? "100%" : void 0,
           maxHeight: "100%",
           "&:empty": { display: "none" },
@@ -28842,13 +28878,25 @@ var ConferenceScreen = () => {
       css: {
         alignItems: "center",
         pr: "$4",
-        pb: "$4"
+        pb: "$4",
+        position: "relative"
       },
       justify: "end",
-      gap: "1"
+      gap: "2"
     },
     noAVPermissions ? /* @__PURE__ */ React155.createElement(RaiseHand, null) : null,
-    /* @__PURE__ */ React155.createElement(MoreSettings, { elements: screenProps.elements, screenType: screenProps.screenType })
+    /* @__PURE__ */ React155.createElement(MoreSettings, { elements: screenProps.elements, screenType: screenProps.screenType }),
+    /* @__PURE__ */ React155.createElement(
+      Box,
+      {
+        css: {
+          position: "absolute",
+          bottom: "100%",
+          mb: "$4"
+        }
+      },
+      /* @__PURE__ */ React155.createElement(EmojiReaction, null)
+    )
   ), /* @__PURE__ */ React155.createElement(RoleChangeRequestModal, null), /* @__PURE__ */ React155.createElement(HLSFailureModal, null), /* @__PURE__ */ React155.createElement(ActivatedPIP, null), /* @__PURE__ */ React155.createElement(PreviousRoleInMetadata, null)));
 };
 
@@ -29219,6 +29267,7 @@ var LeaveScreen = () => {
 init_define_process_env();
 import React160, { useEffect as useEffect55, useState as useState65 } from "react";
 import { useMedia as useMedia36 } from "react-use";
+import { match as match11, P as P3 } from "ts-pattern";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
   const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState65(false);
@@ -29231,20 +29280,22 @@ var MwebLandscapePrompt = () => {
       return;
     }
     if (!((_a8 = window.screen) == null ? void 0 : _a8.orientation)) {
-      setShowMwebLandscapePrompt(isLandscape);
+      setShowMwebLandscapePrompt(isLandscape && !isLandscapeHLSStream);
       return;
     }
     const handleRotation = () => {
       const angle = window.screen.orientation.angle;
       const type = window.screen.orientation.type || "";
-      setShowMwebLandscapePrompt(angle ? angle >= 90 && type.includes("landscape") : isLandscape);
+      setShowMwebLandscapePrompt(
+        match11({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream }, () => false).with({ angle: P3.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
+      );
     };
     handleRotation();
     window.screen.orientation.addEventListener("change", handleRotation);
     return () => {
       window.screen.orientation.removeEventListener("change", handleRotation);
     };
-  }, [isLandscape]);
+  }, [isLandscape, isLandscapeHLSStream]);
   if (isLandscapeHLSStream) {
     return null;
   }
@@ -30651,6 +30702,8 @@ export {
   EMOJI_REACTION_TYPE,
   APP_DATA,
   SIDE_PANE_OPTIONS,
+  POLL_STATE,
+  POLL_VIEWS,
   theme,
   createThemeBase,
   styled,
@@ -30715,7 +30768,6 @@ export {
   useRoomLayoutHeader,
   useIsSidepaneTypeOpen,
   useSidepaneToggle,
-  usePollViewToggle,
   IconButton_default,
   Sheet,
   ToastManager,
@@ -30742,4 +30794,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-FUDX3LDB.js.map
+//# sourceMappingURL=chunk-LCECN6XD.js.map