@100mslive/roomkit-react 0.3.19-alpha.13 → 0.3.19-alpha.15

package/dist/{chunk-7Y75TGU3.js → chunk-5XRSIFEH.js}

@@ -22,13 +22,6 @@ var __spreadValues = (a2, b2) => {
   return a2;
 };
 var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a2, b2) => (typeof require !== "undefined" ? require : a2)[b2]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -44,7 +37,7 @@ var __objRest = (source, exclude) => {
 var __esm = (fn2, res) => function __init() {
   return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
 };
-var __commonJS = (cb, mod) => function __require2() {
+var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 var __export = (target, all) => {
@@ -114,7 +107,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_c692e357-a2ee-4fa9-89fe-75c12dbd35d1", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", 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", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.9-alpha.13", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", 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.19-alpha.13", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_c692e357-a2ee-4fa9-89fe-75c12dbd35d1", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.19-alpha.13", 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.12", 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.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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: "597", 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_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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240901.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.6/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.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:19779", 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__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.19-alpha.13", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10699906014", STATS_VMFE: "true", 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: "b1b838678870a5de5aec4c96716a3198564cab4c", 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: "f7f6df55ed4fa4f258718fb6b77a2cf85125ebdb4ba50944f3f2deceda56a33a", 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--1725445952969-0.6835811413148949:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725445952735-0.32669633687202193:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725445927181-0.17542358054021268:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725445927002-0.31932040796688477:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_03e2b894-e0b3-40d6-8a1f-80340722ed32", INVOCATION_ID: "225c170387b641aa8d35c089260195ec", 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: "656", 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", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 51", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", 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_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/27.0.12077973", 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.19-alpha.13", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.13", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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", GITHUB_SHA: "b1b838678870a5de5aec4c96716a3198564cab4c", 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_c692e357-a2ee-4fa9-89fe-75c12dbd35d1", 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_c692e357-a2ee-4fa9-89fe-75c12dbd35d1", 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/27.0.12077973", 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.181+6/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_knip: "^5.11.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/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_c692e357-a2ee-4fa9-89fe-75c12dbd35d1" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_704c76dc-d1bc-4bfe-b606-b58ce372e0a7", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", 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", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.9-alpha.15", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", 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.19-alpha.15", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_704c76dc-d1bc-4bfe-b606-b58ce372e0a7", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.19-alpha.15", 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.12", 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.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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: "590", 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_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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240901.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.6/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.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:17260", 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__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.19-alpha.15", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10706174456", STATS_VMFE: "true", 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: "f8aada15d72c41c25aa564f6e4fe08063cca12e3", 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: "90c5113019a6c4ce95a106b38424c59f2e630183014e7d5abb5167f382513446", 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--1725469229838-0.04690174942773506:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725469229640-0.12649183887692428:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725469203603-0.46289214698132386:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725469203423-0.761676340735012:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_a4078fce-1fc4-401a-9a18-d5b60f9ebcc2", INVOCATION_ID: "4ae0dcaf70a64ed0ab40df55e48f21cd", 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: "658", 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", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 270", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", 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_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/27.0.12077973", 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.19-alpha.15", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.15", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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", GITHUB_SHA: "f8aada15d72c41c25aa564f6e4fe08063cca12e3", 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_704c76dc-d1bc-4bfe-b606-b58ce372e0a7", 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_704c76dc-d1bc-4bfe-b606-b58ce372e0a7", 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/27.0.12077973", 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.181+6/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_knip: "^5.11.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/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_704c76dc-d1bc-4bfe-b606-b58ce372e0a7" };
   }
 });
 
@@ -10209,7 +10202,7 @@ var {
   config
 } = HmsStitches;
 var globalStyles = globalCss({
-  ["".concat(DEFAULT_PORTAL_CONTAINER, " *")]: {
+  [`${DEFAULT_PORTAL_CONTAINER} *`]: {
     fontFamily: "$sans",
     boxSizing: "border-box"
   },
@@ -10248,7 +10241,7 @@ var createTheme = ({
     throw new Error("Theme type is required");
   }
   const mergedTheme = merge(baseConfig.theme, theme2 || {});
-  return createThemeBase(className || "".concat(themeType, "-theme"), mergedTheme);
+  return createThemeBase(className || `${themeType}-theme`, mergedTheme);
 };
 
 // src/Theme/ThemeProvider.tsx
@@ -10340,7 +10333,7 @@ var gapStyles = (value) => {
   return {
     "& > * + *": {
       marginRight: "0",
-      marginLeft: "".concat(0.25 * value, "rem")
+      marginLeft: `${0.25 * value}rem`
     }
   };
 };
@@ -10452,48 +10445,48 @@ var textEllipsis = (width) => ({
 var getOutlinedVariants = (base, hover, active, disabled, text, textDisabled) => {
   return {
     bg: "transparent",
-    border: "solid $space$px $colors".concat(base),
+    border: `solid $space$px $colors${base}`,
     c: text,
     "&[disabled]": {
       c: textDisabled,
       bg: "transparent",
-      border: "solid $space$px $colors".concat(disabled),
+      border: `solid $space$px $colors${disabled}`,
       cursor: "not-allowed"
     },
     "&:not([disabled]):hover": {
-      border: "solid $space$px $colors".concat(hover),
+      border: `solid $space$px $colors${hover}`,
       bg: "transparent"
     },
     "&:not([disabled]):active": {
-      border: "solid $space$px $colors".concat(active),
+      border: `solid $space$px $colors${active}`,
       bg: "transparent"
     },
     "&:not([disabled]):focus-visible": {
-      boxShadow: "0 0 0 3px $colors".concat(base)
+      boxShadow: `0 0 0 3px $colors${base}`
     }
   };
 };
 var getButtonVariants = (base, hover, active, disabled, text, textDisabled) => {
   return {
     bg: base,
-    border: "1px solid ".concat(base),
+    border: `1px solid ${base}`,
     c: text,
     "&[disabled]": {
       c: textDisabled,
       cursor: "not-allowed",
       bg: disabled,
-      border: "1px solid ".concat(disabled)
+      border: `1px solid ${disabled}`
     },
     "&:not([disabled]):hover": {
       bg: hover,
-      border: "1px solid ".concat(hover)
+      border: `1px solid ${hover}`
     },
     "&:not([disabled]):active": {
       bg: active,
-      border: "1px solid ".concat(active)
+      border: `1px solid ${active}`
     },
     "&:not([disabled]):focus-visible": {
-      boxShadow: "0 0 0 3px ".concat(base)
+      boxShadow: `0 0 0 3px ${base}`
     }
   };
 };
@@ -11010,15 +11003,15 @@ import * as BaseTooltip from "@radix-ui/react-tooltip";
 init_define_process_env();
 var slideDown = (controller) => keyframes({
   from: { height: 0 },
-  to: { height: "var(".concat(controller, ")") }
+  to: { height: `var(${controller})` }
 });
 var slideUp = (controller) => keyframes({
-  from: { height: "var(".concat(controller, ")") },
+  from: { height: `var(${controller})` },
   to: { height: 0 }
 });
 var translateAcross = ({ xFrom = "0", yFrom = "0", zFrom = "0", xTo = "0", yTo = "0", zTo = "0" }) => keyframes({
-  from: { transform: "translate3d(".concat(xFrom, ", ").concat(yFrom, ", ").concat(zFrom, ")") },
-  to: { transform: "translate3d(".concat(xTo, ", ").concat(yTo, ", ").concat(zTo) }
+  from: { transform: `translate3d(${xFrom}, ${yFrom}, ${zFrom})` },
+  to: { transform: `translate3d(${xTo}, ${yTo}, ${zTo}` }
 });
 var dialogOpen = keyframes({
   "0%": { opacity: 0, transform: "translate(-50%, -48%) scale(.90)" },
@@ -11029,11 +11022,11 @@ var dialogClose = keyframes({
   "100%": { opacity: 0, transform: "translate(-50%, -48%) scale(.90)" }
 });
 var slideUpAndFade = (start = "2px") => keyframes({
-  "0%": { opacity: 0, transform: "translateY(".concat(start, ")") },
+  "0%": { opacity: 0, transform: `translateY(${start})` },
   "100%": { opacity: 1, transform: "translateY(0)" }
 });
 var slideRightAndFade = (start = "-2px") => keyframes({
-  "0%": { opacity: 0, transform: "translateX(".concat(start, ")") },
+  "0%": { opacity: 0, transform: `translateX(${start})` },
   "100%": { opacity: 1, transform: "translateX(0)" }
 });
 var sheetSlideIn = keyframes({
@@ -11053,16 +11046,16 @@ var sheetFadeOut = keyframes({
   to: { opacity: "0" }
 });
 var slideDownAndFade = (start = "-2px") => keyframes({
-  "0%": { opacity: 0, transform: "translateY(".concat(start, ")") },
+  "0%": { opacity: 0, transform: `translateY(${start})` },
   "100%": { opacity: 1, transform: "translateY(0)" }
 });
 var slideLeftAndFade = (start = "2px") => keyframes({
-  "0%": { opacity: 0, transform: "translateX(".concat(start, ")") },
+  "0%": { opacity: 0, transform: `translateX(${start})` },
   "100%": { opacity: 1, transform: "translateX(0)" }
 });
 var slideLeftAndFadeOut = (end = "-100%") => keyframes({
-  "0%": { opacity: 1, transform: "translateX(0)" },
-  "100%": { opacity: 0, transform: "translateX(".concat(end, ")") }
+  "0%": { opacity: 1, transform: `translateX(0)` },
+  "100%": { opacity: 0, transform: `translateX(${end})` }
 });
 var popoverAnimation = {
   "@media (prefers-reduced-motion: no-preference)": {
@@ -11094,7 +11087,7 @@ var toastAnimation = {
       transition: "transform 200ms ease-out"
     },
     '&[data-swipe="end"]': {
-      animation: "".concat(slideLeftAndFadeOut(), " 100ms ease-out forwards")
+      animation: `${slideLeftAndFadeOut()} 100ms ease-out forwards`
     }
   }
 };
@@ -11247,7 +11240,7 @@ var Thumb3 = styled(BaseSlider.Thumb, {
   height: "$8",
   backgroundColor: "$primary_default",
   cursor: "pointer",
-  boxShadow: "0 2px 10px $colors$surface_default",
+  boxShadow: `0 2px 10px $colors$surface_default`,
   borderRadius: 10,
   "&:hover": { backgroundColor: "$primary_default" },
   "&:focus": { boxShadow: "none" }
@@ -11311,10 +11304,10 @@ var CustomDialogContent = styled(DialogPrimitive.Content, {
   padding: "$12",
   "@allowMotion": {
     '&[data-state="open"]': {
-      animation: "".concat(dialogOpen, " 150ms cubic-bezier(0.16, 1, 0.3, 1)")
+      animation: `${dialogOpen} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
     },
     '&[data-state="closed"]': {
-      animation: "".concat(dialogClose, " 150ms cubic-bezier(0.16, 1, 0.3, 1)")
+      animation: `${dialogClose} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
     }
   },
   "&:focus": { outline: "none" }
@@ -12004,7 +11997,7 @@ function useBorderAudioLevel(audioTrackId) {
       const style = {
         transition: "outline 0.4s ease-in-out"
       };
-      style["outline"] = level ? "".concat(sigmoid(level) * 4, "px solid ").concat(color) : "0px solid transparent";
+      style["outline"] = level ? `${sigmoid(level) * 4}px solid ${color}` : "0px solid transparent";
       return style;
     },
     [color]
@@ -12058,7 +12051,7 @@ var AudioBar = () => {
       css: {
         width: ".25em",
         height: "1em",
-        maskImage: "url(".concat(audio_level_default, ")"),
+        maskImage: `url(${audio_level_default})`,
         "-webkit-mask-repeat": "no-repeat",
         backgroundColor: "$on_primary_high",
         maskSize: "4em 1em"
@@ -12074,10 +12067,10 @@ var AudioLevel = ({ trackId, size }) => {
       if (ref.current) {
         let index = 0;
         for (const child of ref.current.children) {
-          const positionX = "-".concat(positionValues[audioLevel] * (index === 1 ? 2.5 : 1.25), "em");
+          const positionX = `-${positionValues[audioLevel] * (index === 1 ? 2.5 : 1.25)}em`;
           child.style["-webkit-mask-position-x"] = positionX;
-          child.style["mask-position"] = "".concat(positionX, " 0");
-          child.style["animation"] = positionValues[audioLevel] > 0 ? "".concat(barAnimation, " 0.6s steps(3,jump-none) 0s infinite") : "none";
+          child.style["mask-position"] = `${positionX} 0`;
+          child.style["animation"] = positionValues[audioLevel] > 0 ? `${barAnimation} 0.6s steps(3,jump-none) 0s infinite` : "none";
           index++;
         }
       }
@@ -12145,7 +12138,7 @@ import {
 init_define_process_env();
 var formatBytes = (bytes, unit = "B", decimals = 2) => {
   if (bytes === 0) {
-    return "0 ".concat(unit);
+    return `0 ${unit}`;
   }
   if (!bytes) {
     return "-";
@@ -12155,7 +12148,7 @@ var formatBytes = (bytes, unit = "B", decimals = 2) => {
   const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
   let i = Math.floor(Math.log(bytes) / Math.log(k));
   i === 0 && i++;
-  return "".concat(parseFloat((bytes / Math.pow(k, i)).toFixed(dm2)), " ").concat(sizes[i]);
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm2))} ${sizes[i]}`;
 };
 
 // src/Stats/StyledStats.tsx
@@ -12266,7 +12259,7 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
       return null;
     }
     const layer = stat.rid ? simulcastMapping[stat.rid] : "";
-    return /* @__PURE__ */ React15.createElement(Fragment, { key: "".concat(stat.id).concat(stat.rid) }, layer && /* @__PURE__ */ React15.createElement(StatsRow, { label: layer.toUpperCase(), value: "" }), /* @__PURE__ */ React15.createElement(
+    return /* @__PURE__ */ React15.createElement(Fragment, { key: `${stat.id}${stat.rid}` }, layer && /* @__PURE__ */ React15.createElement(StatsRow, { label: layer.toUpperCase(), value: "" }), /* @__PURE__ */ React15.createElement(
       StatsRow,
       {
         show: isNotNullishAndNot0(stat.frameWidth),
@@ -12285,7 +12278,7 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
       {
         show: isNotNullishAndNot0(stat.framesPerSecond),
         label: "FPS",
-        value: "".concat(stat.framesPerSecond, " ").concat(isNotNullishAndNot0(stat.framesDropped) ? "(".concat(stat.framesDropped, " dropped)") : "")
+        value: `${stat.framesPerSecond} ${isNotNullishAndNot0(stat.framesDropped) ? `(${stat.framesDropped} dropped)` : ""}`
       }
     ), /* @__PURE__ */ React15.createElement(
       StatsRow,
@@ -12314,7 +12307,7 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
     {
       show: isNotNullishAndNot0(videoTrackStats == null ? void 0 : videoTrackStats.framesPerSecond),
       label: "FPS",
-      value: "".concat(videoTrackStats == null ? void 0 : videoTrackStats.framesPerSecond, " ").concat(isNotNullishAndNot0(videoTrackStats == null ? void 0 : videoTrackStats.framesDropped) ? "(".concat(videoTrackStats == null ? void 0 : videoTrackStats.framesDropped, " dropped)") : "")
+      value: `${videoTrackStats == null ? void 0 : videoTrackStats.framesPerSecond} ${isNotNullishAndNot0(videoTrackStats == null ? void 0 : videoTrackStats.framesDropped) ? `(${videoTrackStats == null ? void 0 : videoTrackStats.framesDropped} dropped)` : ""}`
     }
   ), /* @__PURE__ */ React15.createElement(
     StatsRow,
@@ -12360,13 +12353,13 @@ var TrackPacketsLostRow = ({
   stats,
   label
 }) => {
-  const packetsLostRate = "".concat((stats == null ? void 0 : stats.packetsLostRate) ? stats.packetsLostRate.toFixed(2) : 0, "/s");
+  const packetsLostRate = `${(stats == null ? void 0 : stats.packetsLostRate) ? stats.packetsLostRate.toFixed(2) : 0}/s`;
   return /* @__PURE__ */ React15.createElement(
     StatsRow,
     {
       show: isNotNullishAndNot0(stats == null ? void 0 : stats.packetsLost),
       label,
-      value: "".concat(stats == null ? void 0 : stats.packetsLost, "(").concat(packetsLostRate, ")")
+      value: `${stats == null ? void 0 : stats.packetsLost}(${packetsLostRate})`
     }
   );
 };
@@ -12474,9 +12467,9 @@ var getToastVariant = (base) => {
       top: "-1px",
       left: "-$4",
       width: "$8",
-      borderLeft: "solid $space$px ".concat(base),
-      borderTop: "solid $space$px ".concat(base),
-      borderBottom: "solid $space$px ".concat(base),
+      borderLeft: `solid $space$px ${base}`,
+      borderTop: `solid $space$px ${base}`,
+      borderBottom: `solid $space$px ${base}`,
       borderTopLeftRadius: "$3",
       borderBottomLeftRadius: "$3",
       bg: base,
@@ -12488,7 +12481,7 @@ var getToastVariant = (base) => {
       "&:before": {
         content: "none"
       },
-      border: "solid $space$px ".concat(base)
+      border: `solid $space$px ${base}`
     }
   };
 };
@@ -12572,7 +12565,7 @@ var HMSToast = (_a7) => {
     "action",
     "inlineAction"
   ]);
-  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(ToastRoot, __spreadValues({}, props), /* @__PURE__ */ React16.createElement(ToastTitle, null, /* @__PURE__ */ React16.createElement(Flex, { align: "center", css: { gap: "$4", flex: "1 1 0", minWidth: 0 } }, icon ? /* @__PURE__ */ React16.createElement(Box, { css: { w: "$10", h: "$10", alignSelf: "start", mt: "$2" } }, icon) : null, /* @__PURE__ */ React16.createElement(Text, { variant: "sub1", css: { c: "inherit", wordBreak: "break-word" } }, title)), isClosable ? /* @__PURE__ */ React16.createElement(DefaultClose, null) : null, !isClosable && inlineAction && action ? /* @__PURE__ */ React16.createElement(ToastAction, { altText: "".concat(title, "Action") }, action) : null), description ? /* @__PURE__ */ React16.createElement(ToastDescription, null, /* @__PURE__ */ React16.createElement(Text, { variant: "body1", css: { fontWeight: "$regular", c: "$on_surface_medium" } }, description)) : null, !inlineAction && action ? /* @__PURE__ */ React16.createElement(ToastAction, { altText: "".concat(title, "Action"), css: { mt: "$10" } }, action) : null));
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(ToastRoot, __spreadValues({}, props), /* @__PURE__ */ React16.createElement(ToastTitle, null, /* @__PURE__ */ React16.createElement(Flex, { align: "center", css: { gap: "$4", flex: "1 1 0", minWidth: 0 } }, icon ? /* @__PURE__ */ React16.createElement(Box, { css: { w: "$10", h: "$10", alignSelf: "start", mt: "$2" } }, icon) : null, /* @__PURE__ */ React16.createElement(Text, { variant: "sub1", css: { c: "inherit", wordBreak: "break-word" } }, title)), isClosable ? /* @__PURE__ */ React16.createElement(DefaultClose, null) : null, !isClosable && inlineAction && action ? /* @__PURE__ */ React16.createElement(ToastAction, { altText: `${title}Action` }, action) : null), description ? /* @__PURE__ */ React16.createElement(ToastDescription, null, /* @__PURE__ */ React16.createElement(Text, { variant: "body1", css: { fontWeight: "$regular", c: "$on_surface_medium" } }, description)) : null, !inlineAction && action ? /* @__PURE__ */ React16.createElement(ToastAction, { altText: `${title}Action`, css: { mt: "$10" } }, action) : null));
 };
 var Toast = {
   Provider: ToastPrimitives.Provider,
@@ -12629,10 +12622,10 @@ var StyledContent3 = styled(BaseAccordion.Content, {
   fontFamily: "$sans",
   color: "$on_surface_medium",
   '&[data-state="open"]': {
-    animation: "".concat(slideDown("--radix-accordion-content-height"), " 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards")
+    animation: `${slideDown("--radix-accordion-content-height")} 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards`
   },
   '&[data-state="closed"]': {
-    animation: "".concat(slideUp("--radix-accordion-content-height"), " 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards")
+    animation: `${slideUp("--radix-accordion-content-height")} 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards`
   }
 });
 var StyledChevron = styled(ChevronUpIcon, {
@@ -12913,10 +12906,10 @@ var CollapsibleContent = styled(Content9, {
   r: "$1",
   overflowY: "auto",
   '&[data-state="open"]': {
-    animation: "".concat(slideDown("--radix-collapsible-content-height"), " 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards")
+    animation: `${slideDown("--radix-collapsible-content-height")} 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards`
   },
   '&[data-state="closed"]': {
-    animation: "".concat(slideUp("--radix-collapsible-content-height"), " 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards")
+    animation: `${slideUp("--radix-collapsible-content-height")} 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards`
   }
 });
 var Collapsible = {
@@ -13388,7 +13381,7 @@ var useFetchRoomLayout = ({
       try {
         const resp = yield fetchWithRetry(endpoint || "https://api.100ms.live/v2/layouts/ui", {
           headers: {
-            Authorization: "Bearer ".concat(authToken)
+            Authorization: `Bearer ${authToken}`
           }
         });
         layoutResp.current = yield resp.json();
@@ -13472,8 +13465,8 @@ var formatTime = (timeInSeconds) => {
   const hours = Math.floor(timeInSeconds / 3600);
   const minutes = Math.floor(timeInSeconds % 3600 / 60);
   const seconds = timeInSeconds % 60;
-  const hour = hours !== 0 ? "".concat(hours < 10 ? "0" : "").concat(hours, ":") : "";
-  return "".concat(hour).concat(minutes < 10 ? "0" : "").concat(minutes, ":").concat(seconds < 10 ? "0" : "").concat(seconds);
+  const hour = hours !== 0 ? `${hours < 10 ? "0" : ""}${hours}:` : "";
+  return `${hour}${minutes < 10 ? "0" : ""}${minutes}:${seconds < 10 ? "0" : ""}${seconds}`;
 };
 var compareArrays = (a2, b2) => {
   if (a2.length !== b2.length)
@@ -13595,7 +13588,7 @@ function useRoomLayoutHeader() {
     var _a8;
     const details2 = [];
     if ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8["startedAt"]) {
-      details2.push("".concat(getFormattedCount(peerCount), " watching"));
+      details2.push(`${getFormattedCount(peerCount)} watching`);
       details2.push(hlsState.variants[0]["startedAt"]);
     } else if (sessionStartedAt) {
       details2.push(sessionStartedAt);
@@ -13906,8 +13899,8 @@ var VBPlugin = class {
       }
       if (effectsSDKKey) {
         try {
-          const { HMSEffectsPlugin } = yield Promise.resolve().then(() => __toESM(__require("@100mslive/hms-virtual-background/hmseffectsplugin")));
-          this.effectsPlugin = new HMSEffectsPlugin(effectsSDKKey, onInit);
+          const effects = yield import("@100mslive/hms-virtual-background/hmseffectsplugin");
+          this.effectsPlugin = new effects.HMSEffectsPlugin(effectsSDKKey, onInit);
         } catch (error) {
           console.error("Failed to initialise HMSEffectsPlugin:", error, "Using HMSVBPlugin");
           this.hmsPlugin = new HMSVBPlugin(HMSVirtualBackgroundTypes.NONE, HMSVirtualBackgroundTypes.NONE);
@@ -14601,7 +14594,7 @@ var convertError = (error) => {
     body: "We could not find a room code corresponding to this link."
   })).with(["GET_TOKEN", 2003], () => ({
     title: "Endpoint is not reachable",
-    body: "Endpoint is not reachable. ".concat(error.description, ".")
+    body: `Endpoint is not reachable. ${error.description}.`
   })).otherwise(
     () => {
       var _a7;
@@ -14926,10 +14919,10 @@ var StyledOverlay = styled(Dialog.Overlay, {
   bottom: 0,
   left: 0,
   '&[data-state="open"]': {
-    animation: "".concat(sheetFadeIn, " 150ms cubic-bezier(0.22, 1, 0.36, 1)")
+    animation: `${sheetFadeIn} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
   },
   '&[data-state="closed"]': {
-    animation: "".concat(sheetFadeOut, " 150ms cubic-bezier(0.22, 1, 0.36, 1)")
+    animation: `${sheetFadeOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
   }
 });
 var StyledContent6 = styled(DialogPrimitive2.Content, {
@@ -14953,10 +14946,10 @@ var StyledContent6 = styled(DialogPrimitive2.Content, {
   },
   "@allowMotion": {
     '&[data-state="open"]': {
-      animation: "".concat(sheetSlideIn, " 150ms cubic-bezier(0.22, 1, 0.36, 1)")
+      animation: `${sheetSlideIn} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
     },
     '&[data-state="closed"]': {
-      animation: "".concat(sheetSlideOut, " 150ms cubic-bezier(0.22, 1, 0.36, 1)")
+      animation: `${sheetSlideOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
     }
   },
   "@ls": {
@@ -15034,7 +15027,7 @@ var DialogDropdownTrigger = React30.forwardRef(({ title, css: css2, open, icon,
     Dropdown.Trigger,
     {
       asChild: true,
-      "data-testid": "".concat(title, "_selector"),
+      "data-testid": `${title}_selector`,
       css: __spreadValues({
         border: "1px solid $border_bright",
         bg: "$surface_bright",
@@ -15777,7 +15770,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
         try {
           yield setNoiseCancellationWithPlugin(true);
           ToastManager.addToast({
-            title: "Noise Reduction Enabled",
+            title: `Noise Reduction Enabled`,
             variant: "standard",
             duration: 2e3,
             icon: /* @__PURE__ */ React34.createElement(AudioLevelIcon, null)
@@ -15798,7 +15791,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
       hideOptions: hideOptions || !hasAudioDevices,
       onDisabledClick: toggleAudio,
       testid: "audio_toggle_btn",
-      tooltipMessage: "Turn ".concat(isLocalAudioEnabled ? "off" : "on", " audio (").concat(isMacOS ? "\u2318" : "ctrl", " + d)"),
+      tooltipMessage: `Turn ${isLocalAudioEnabled ? "off" : "on"} audio (${isMacOS ? "\u2318" : "ctrl"} + d)`,
       icon: !isLocalAudioEnabled ? /* @__PURE__ */ React34.createElement(MicOffIcon, null) : /* @__PURE__ */ React34.createElement(MicOnIcon2, null),
       active: isLocalAudioEnabled,
       onClick: toggleAudio,
@@ -15829,7 +15822,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
       disabled: !toggleVideo,
       hideOptions: hideOptions || !hasVideoDevices,
       onDisabledClick: toggleVideo,
-      tooltipMessage: "Turn ".concat(isLocalVideoEnabled ? "off" : "on", " video (").concat(isMacOS ? "\u2318" : "ctrl", " + e)"),
+      tooltipMessage: `Turn ${isLocalVideoEnabled ? "off" : "on"} video (${isMacOS ? "\u2318" : "ctrl"} + e)`,
       testid: "video_toggle_btn",
       icon: !isLocalVideoEnabled ? /* @__PURE__ */ React34.createElement(VideoOffIcon, null) : /* @__PURE__ */ React34.createElement(VideoOnIcon2, null),
       key: "toggleVideo",
@@ -15852,7 +15845,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
           yield actions.switchCamera();
         } catch (e) {
           ToastManager.addToast({
-            title: "Error while flipping camera ".concat(e.message || ""),
+            title: `Error while flipping camera ${e.message || ""}`,
             variant: "error"
           });
         }
@@ -16383,7 +16376,7 @@ var DesktopLeaveRoom = ({
       LeaveCard,
       {
         title: showStream ? "Leave Stream" : "Leave Session",
-        subtitle: "Others will continue after you leave. You can join the ".concat(showStream ? "stream" : "session", " again."),
+        subtitle: `Others will continue after you leave. You can join the ${showStream ? "stream" : "session"} again.`,
         bg: "",
         titleColor: "$on_surface_high",
         icon: /* @__PURE__ */ React41.createElement(ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
@@ -16408,7 +16401,7 @@ var DesktopLeaveRoom = ({
       LeaveCard,
       {
         title: showStream ? "End Stream" : "End Session",
-        subtitle: "The ".concat(showStream ? "stream" : "session", " will end for everyone. You can't undo this action."),
+        subtitle: `The ${showStream ? "stream" : "session"} will end for everyone. You can't undo this action.`,
         bg: "",
         titleColor: "$alert_error_brighter",
         icon: /* @__PURE__ */ React41.createElement(StopIcon, { height: 24, width: 24 }),
@@ -16474,7 +16467,7 @@ var MwebLeaveRoom = ({
     LeaveCard,
     {
       title: showStream ? "Leave Stream" : "Leave Session",
-      subtitle: "Others will continue after you leave. You can join the ".concat(showStream ? "stream" : "session", " again."),
+      subtitle: `Others will continue after you leave. You can join the ${showStream ? "stream" : "session"} again.`,
       bg: "$surface_default",
       titleColor: "$on_surface_high",
       icon: /* @__PURE__ */ React42.createElement(ExitIcon2, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
@@ -16487,7 +16480,7 @@ var MwebLeaveRoom = ({
     LeaveCard,
     {
       title: showStream ? "End Stream" : "End Session",
-      subtitle: "The will end the ".concat(showStream ? "stream" : "session", " for everyone. You can't undo this action."),
+      subtitle: `The will end the ${showStream ? "stream" : "session"} for everyone. You can't undo this action.`,
       bg: "$alert_error_dim",
       titleColor: "$alert_error_brighter",
       css: { color: "$alert_error_bright", "&:hover": { color: "$alert_error_brighter" } },
@@ -16684,7 +16677,7 @@ var PIPComponent = ({ content = null }) => {
   if (!PictureInPicture.isSupported()) {
     return null;
   }
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, content ? /* @__PURE__ */ React44.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ React44.createElement(Tooltip, { title: "".concat(isPipOn ? "Deactivate" : "Activate", " picture in picture view") }, /* @__PURE__ */ React44.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ React44.createElement(PipIcon, null))));
+  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, content ? /* @__PURE__ */ React44.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ React44.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ React44.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ React44.createElement(PipIcon, null))));
 };
 var ActivatedPIP = () => {
   const store = useHMSVanillaStore6();
@@ -16859,7 +16852,7 @@ var usePinnedMessages = () => {
       const peerName = vanillaStore.getState(selectPeerNameByID(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
       const newPinnedMessage = { text: "", id: message.id, pinnedBy };
       if (message && peerName) {
-        newPinnedMessage["text"] = "".concat(peerName, ": ").concat(message.message);
+        newPinnedMessage["text"] = `${peerName}: ${message.message}`;
       } else if (message) {
         newPinnedMessage["text"] = message.message;
       }
@@ -17171,7 +17164,7 @@ var formatTime2 = (date) => {
   const hours = date.getHours();
   const minutes = date.getMinutes();
   const suffix = hours > 11 ? "PM" : "AM";
-  return "".concat(hours < 10 ? "0" : "").concat(hours, ":").concat(minutes < 10 ? "0" : "").concat(minutes, " ").concat(suffix);
+  return `${hours < 10 ? "0" : ""}${hours}:${minutes < 10 ? "0" : ""}${minutes} ${suffix}`;
 };
 var CHAT_MESSAGE_LIMIT = 2e3;
 
@@ -17245,10 +17238,10 @@ var MessageType = ({
   const peerName = useHMSStore19(selectPeerNameByID2(receiver));
   const localPeerRoleName = useHMSStore19(selectLocalPeerRoleName);
   if (receiver) {
-    return /* @__PURE__ */ React49.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? "".concat(peerName ? "to ".concat(peerName) : "") : "to You", right: "(DM)" });
+    return /* @__PURE__ */ React49.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
   }
   if (roles && roles.length) {
-    return /* @__PURE__ */ React49.createElement(MessageTypeContainer, { left: "to ".concat(hasCurrentUserSent ? roles[0] : localPeerRoleName), right: "(Group)" });
+    return /* @__PURE__ */ React49.createElement(MessageTypeContainer, { left: `to ${hasCurrentUserSent ? roles[0] : localPeerRoleName}`, right: "(Group)" });
   }
   return null;
 };
@@ -17389,7 +17382,7 @@ var ChatMessage = React49.memo(
                 variant: "sub2",
                 css: { color: isOverlay ? "#FFF" : "$on_surface_high", fontWeight: "$semiBold" }
               },
-              message.sender === localPeerId ? "".concat(message.senderName, " (You)") : message.senderName
+              message.sender === localPeerId ? `${message.senderName} (You)` : message.senderName
             )),
             /* @__PURE__ */ React49.createElement(
               MessageType,
@@ -17609,7 +17602,7 @@ var PIPChat = () => {
     if (isLocalPeerBlacklisted)
       return "You've been blocked from sending messages";
     if (!isChatEnabled)
-      return "Chat has been paused by ".concat(chatStateUpdatedBy.peerId === localPeerID ? "you" : chatStateUpdatedBy == null ? void 0 : chatStateUpdatedBy.userName);
+      return `Chat has been paused by ${chatStateUpdatedBy.peerId === localPeerID ? "you" : chatStateUpdatedBy == null ? void 0 : chatStateUpdatedBy.userName}`;
     return message_placeholder;
   }, [
     chatStateUpdatedBy.peerId,
@@ -17648,7 +17641,7 @@ var PIPChat = () => {
           css: { cursor: "pointer" },
           style: { color: "white", background: "gray", padding: "4px", borderRadius: "4px" }
         },
-        unreadMessageCount === 1 ? "New message" : "".concat(unreadMessageCount, " new messages")
+        unreadMessageCount === 1 ? "New message" : `${unreadMessageCount} new messages`
       )
     ) : "",
     filteredMessages.length === 0 ? /* @__PURE__ */ React50.createElement(
@@ -17901,7 +17894,7 @@ var RoleChangeContent = ({
             "data-testid": role,
             key: role,
             onSelect: () => setRole(role),
-            css: { w: "".concat((_a8 = triggerRef.current) == null ? void 0 : _a8.clientWidth, "px") }
+            css: { w: `${(_a8 = triggerRef.current) == null ? void 0 : _a8.clientWidth}px` }
           },
           role
         );
@@ -18030,7 +18023,7 @@ var DialogCol = (_a7) => {
 };
 var DialogSelect = (_a7) => {
   var _b7 = _a7, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
-  return /* @__PURE__ */ React53.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ React53.createElement(Label3, null, title), /* @__PURE__ */ React53.createElement(Select.Root, __spreadValues({ "data-testid": "dialog_select_".concat(title), css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ React53.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ React53.createElement(Select.Select, { onChange: (e) => onChange(e.target.value), value: selected, css: { width: "100%" } }, options.map((option) => {
+  return /* @__PURE__ */ React53.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ React53.createElement(Label3, null, title), /* @__PURE__ */ React53.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ React53.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ React53.createElement(Select.Select, { onChange: (e) => onChange(e.target.value), value: selected, css: { width: "100%" } }, options.map((option) => {
     const id = keyField ? option[keyField] : option;
     const label = labelField ? option[labelField] : option;
     return /* @__PURE__ */ React53.createElement("option", { value: id, key: id }, label);
@@ -18148,7 +18141,7 @@ var ResolutionInput = ({ onResolutionChange, disabled, tooltipText, css: css2, t
     /* @__PURE__ */ React54.createElement(Flex, { justify: "between", gap: 2 }, /* @__PURE__ */ React54.createElement(Flex, { direction: "column", css: { width: "50%" } }, /* @__PURE__ */ React54.createElement(Text, { variant: "xs" }, "Width"), /* @__PURE__ */ React54.createElement(
       Input,
       {
-        "data-testid": "".concat(testId, "_width"),
+        "data-testid": `${testId}_width`,
         css: { width: "100%", mt: "$4" },
         name: "resWidth",
         value: resolution.width,
@@ -18162,7 +18155,7 @@ var ResolutionInput = ({ onResolutionChange, disabled, tooltipText, css: css2, t
     )), /* @__PURE__ */ React54.createElement(Flex, { direction: "column", css: { width: "50%" } }, /* @__PURE__ */ React54.createElement(Text, { variant: "xs" }, "Height"), /* @__PURE__ */ React54.createElement(
       Input,
       {
-        "data-testid": "".concat(testId, "_height"),
+        "data-testid": `${testId}_height`,
         css: { width: "100%", mt: "$4" },
         name: "resHeight",
         value: resolution.height,
@@ -18313,7 +18306,7 @@ var StatsForNerds = ({ onOpenChange }) => {
         return /* @__PURE__ */ React56.createElement(
           Dropdown.Item,
           {
-            key: "".concat(option.id, "-").concat(option.layer || ""),
+            key: `${option.id}-${option.layer || ""}`,
             onClick: () => {
               setSelectedStat(option);
             },
@@ -18346,7 +18339,7 @@ var useTracksWithLabel = () => {
               id: track.id,
               layer,
               local: true,
-              label: "".concat(peerName, " ").concat(track.source, " ").concat(track.type, " - ").concat(layer)
+              label: `${peerName} ${track.source} ${track.type} - ${layer}`
             };
           })
         );
@@ -18355,7 +18348,7 @@ var useTracksWithLabel = () => {
       res.push({
         id: track.id,
         local: isLocalTrack,
-        label: "".concat(peerName, " ").concat(track.source, " ").concat(track.type)
+        label: `${peerName} ${track.source} ${track.type}`
       });
       return res;
     }, []),
@@ -18379,7 +18372,7 @@ var LocalPeerStats = () => {
     StatsRow2,
     {
       label: "Round Trip Time",
-      value: "".concat((((((_h = stats.publish) == null ? void 0 : _h.currentRoundTripTime) || 0) + (((_i = stats.subscribe) == null ? void 0 : _i.currentRoundTripTime) || 0)) / 2).toFixed(3) * 1e3, " ms")
+      value: `${(((((_h = stats.publish) == null ? void 0 : _h.currentRoundTripTime) || 0) + (((_i = stats.subscribe) == null ? void 0 : _i.currentRoundTripTime) || 0)) / 2).toFixed(3) * 1e3} ms`
     }
   ));
 };
@@ -18406,7 +18399,7 @@ var TrackStats = ({ trackID, layer, local }) => {
     StatsRow2,
     {
       label: "Round Trip Time",
-      value: stats.roundTripTime ? "".concat((stats.roundTripTime * 1e3).toFixed(3), " ms") : "-"
+      value: stats.roundTripTime ? `${(stats.roundTripTime * 1e3).toFixed(3)} ms` : "-"
     }
   ));
 };
@@ -18619,7 +18612,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
                 });
                 setIsCaptionEnabled(false);
                 const id2 = ToastManager.replaceToast(toastId, {
-                  title: "Disabling Closed Caption for everyone.",
+                  title: `Disabling Closed Caption for everyone.`,
                   variant: "standard",
                   duration: DURATION,
                   icon: /* @__PURE__ */ React58.createElement(Loading, { color: "currentColor" })
@@ -18632,7 +18625,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
                 mode: HMSTranscriptionMode.CAPTION
               });
               const id = ToastManager.replaceToast(toastId, {
-                title: "Enabling Closed Caption for everyone.",
+                title: `Enabling Closed Caption for everyone.`,
                 variant: "standard",
                 duration: DURATION,
                 icon: /* @__PURE__ */ React58.createElement(Loading, { color: "currentColor" })
@@ -18640,7 +18633,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
               setToastId(id);
             } catch (err) {
               const id = ToastManager.replaceToast(toastId, {
-                title: "Failed to ".concat(isTranscriptionEnabled ? "disable" : "enable", " closed caption"),
+                title: `Failed to ${isTranscriptionEnabled ? "disable" : "enable"} closed caption`,
                 variant: "error",
                 icon: /* @__PURE__ */ React58.createElement(AlertTriangleIcon5, { style: { marginRight: "0.5rem" } })
               });
@@ -19110,7 +19103,7 @@ var DesktopOptions = ({
             },
             /* @__PURE__ */ React63.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React63.createElement(CheckIcon4, { width: 16, height: 16 }))
           ),
-          /* @__PURE__ */ React63.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ React63.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), /* @__PURE__ */ React63.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "".concat(isMacOS ? "\u2318" : "ctrl", " + ]")))
+          /* @__PURE__ */ React63.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ React63.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), /* @__PURE__ */ React63.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`))
         );
       }).otherwise(() => /* @__PURE__ */ React63.createElement(
         Dropdown.Item,
@@ -20791,9 +20784,9 @@ function shimGetUserMedia3(window2) {
     };
   }
   if (!navigator2.getUserMedia && navigator2.mediaDevices && navigator2.mediaDevices.getUserMedia) {
-    navigator2.getUserMedia = (function getUserMedia(constraints, cb, errcb) {
+    navigator2.getUserMedia = function getUserMedia(constraints, cb, errcb) {
       navigator2.mediaDevices.getUserMedia(constraints).then(cb, errcb);
-    }).bind(navigator2);
+    }.bind(navigator2);
   }
 }
 function shimConstraints(constraints) {
@@ -21413,7 +21406,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
   n((t = t.apply(a2, e)).next());
 });
 var yr = ro((Dc, ho) => {
-  ho.exports = { version: "0.12.19-alpha.13", 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"] };
+  ho.exports = { version: "0.12.19-alpha.15", 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 Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
 var so = ((e) => (e.CHAT = "chat", e))(so || {});
@@ -21563,34 +21556,42 @@ var f = class a extends Error {
   }
   toString() {
     var t;
-    return "{\n      code: ".concat(this.code, ";\n      name: ").concat(this.name, ";\n      action: ").concat(this.action, ";\n      message: ").concat(this.message, ";\n      description: ").concat(this.description, ";\n      isTerminal: ").concat(this.isTerminal, ";\n      nativeError: ").concat((t = this.nativeError) == null ? void 0 : t.message, ";\n    }");
+    return `{
+      code: ${this.code};
+      name: ${this.name};
+      action: ${this.action};
+      message: ${this.message};
+      description: ${this.description};
+      isTerminal: ${this.isTerminal};
+      nativeError: ${(t = this.nativeError) == null ? void 0 : t.message};
+    }`;
   }
 };
 var uo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
-  return new f(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, "[WS]: ".concat(e), "[WS]: ".concat(e));
+  return new f(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
   return new f(P4.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
 }, AbnormalClose(a2, e = "") {
   return new f(P4.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
 } }, APIErrors: { ServerErrors(a2, e, t = "", i = true) {
-  return new f(a2, "ServerErrors", e, "[".concat(e, "]: Server error ").concat(t), t, i);
+  return new f(a2, "ServerErrors", e, `[${e}]: Server error ${t}`, t, i);
 }, EndpointUnreachable(a2, e = "") {
-  return new f(P4.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, "Endpoint is not reachable - ".concat(e), e);
+  return new f(P4.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
 }, InvalidTokenFormat(a2, e = "") {
-  return new f(P4.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, "Token is not in proper JWT format - ".concat(e), e, true);
+  return new f(P4.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
 }, InitConfigNotAvailable(a2, e = "") {
-  return new f(P4.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, "[INIT]: ".concat(e), "[INIT]: ".concat(e));
+  return new f(P4.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
 } }, TracksErrors: { GenericTrack(a2, e = "") {
-  return new f(P4.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, "[TRACK]: ".concat(e), "[TRACK]: ".concat(e));
+  return new f(P4.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
 }, CantAccessCaptureDevice(a2, e, t = "") {
-  return new f(P4.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, "User denied permission to access capture device - ".concat(e), t);
+  return new f(P4.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
 }, DeviceNotAvailable(a2, e, t = "") {
-  return new f(P4.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, "[TRACK]: Capture device is no longer available - ".concat(e), t);
+  return new f(P4.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
 }, DeviceInUse(a2, e, t = "") {
-  return new f(P4.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, "[TRACK]: Capture device is in use by another application - ".concat(e), t);
+  return new f(P4.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
 }, DeviceLostMidway(a2, e, t = "") {
-  return new f(P4.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, "Lost access to capture device midway - ".concat(e), t);
+  return new f(P4.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
 }, NothingToReturn(a2, e = "", t = "There is no media to return. Please select either video or audio or both.") {
   return new f(P4.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
 }, InvalidVideoSettings(a2, e = "") {
@@ -21600,31 +21601,31 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, CodecChangeNotPermitted(a2, e = "") {
   return new f(P4.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
 }, OverConstrained(a2, e, t = "") {
-  return new f(P4.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, "[TRACK]: Requested constraints cannot be satisfied with the device hardware - ".concat(e), t);
+  return new f(P4.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
 }, NoAudioDetected(a2, e = "Please check the mic or use another audio input") {
   return new f(P4.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
 }, SystemDeniedPermission(a2, e, t = "") {
-  return new f(P4.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, "Operating System denied permission to access capture device - ".concat(e), t);
+  return new f(P4.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
 }, CurrentTabNotShared() {
   return new f(P4.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
 }, AudioPlaybackError(a2) {
   return new f(P4.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
 }, SelectedDeviceMissing(a2) {
-  return new f(P4.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", "Could not detect selected ".concat(a2, " device"), "Please check connection to the ".concat(a2, " device"), false);
+  return new f(P4.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
 } }, WebrtcErrors: { CreateOfferFailed(a2, e = "") {
-  return new f(P4.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, "[".concat(a2.toString(), "]: Failed to create offer. "), e);
+  return new f(P4.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
 }, CreateAnswerFailed(a2, e = "") {
-  return new f(P4.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, "[".concat(a2.toString(), "]: Failed to create answer. "), e);
+  return new f(P4.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
 }, SetLocalDescriptionFailed(a2, e = "") {
-  return new f(P4.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, "[".concat(a2.toString(), "]: Failed to set offer. "), e);
+  return new f(P4.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
 }, SetRemoteDescriptionFailed(a2, e = "") {
-  return new f(P4.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, "[".concat(a2.toString(), "]: Failed to set answer. "), e, true);
+  return new f(P4.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
 }, ICEFailure(a2, e = "", t = false) {
-  return new f(P4.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, "[".concat(a2.toString(), "]: Ice connection state FAILED"), e, t);
+  return new f(P4.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
 }, ICEDisconnected(a2, e = "") {
-  return new f(P4.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, "[".concat(a2.toString(), "]: Ice connection state DISCONNECTED"), e);
+  return new f(P4.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
 }, StatsFailed(a2, e = "") {
-  return new f(P4.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, "Failed to WebRTC get stats - ".concat(e), e);
+  return new f(P4.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
   return new f(a2, "ServerErrors", e, t, t, uo.includes(e));
 }, AlreadyJoined(a2, e = "") {
@@ -21634,13 +21635,13 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 } }, GenericErrors: { NotConnected(a2, e = "") {
   return new f(P4.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
 }, Signalling(a2, e) {
-  return new f(P4.GenericErrors.SIGNALLING, "Signalling", a2, "Unknown signalling error: ".concat(a2.toString(), " ").concat(e, " "), e);
+  return new f(P4.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
 }, Unknown(a2, e) {
-  return new f(P4.GenericErrors.UNKNOWN, "Unknown", a2, "Unknown exception: ".concat(e), e);
+  return new f(P4.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
 }, NotReady(a2, e = "") {
   return new f(P4.GenericErrors.NOT_READY, "NotReady", a2, e, e);
 }, JsonParsingFailed(a2, e, t = "") {
-  return new f(P4.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, "Failed to parse JSON message - ".concat(e), t);
+  return new f(P4.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
 }, TrackMetadataMissing(a2, e = "") {
   return new f(P4.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
 }, RTCTrackMissing(a2, e = "") {
@@ -21745,17 +21746,13 @@ function vt(a2 = "prod", e) {
   let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Be)
     return As({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Is, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
-  let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = kr("web_".concat(r.name)), d = r.version || "", u = kr("".concat(o.name, "_").concat(o.version)), p = u;
-  if (s.type) {
-    let m = kr("".concat(s.vendor, "_").concat(s.type));
-    p = "".concat(m, "/").concat(u);
-  }
-  return As({ os: n, os_version: d, sdk: t, sdk_version: Is, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = kr(`web_${r.name}`), d = r.version || "", u = kr(`${o.name}_${o.version}`), p = u;
+  return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), As({ os: n, os_version: d, sdk: t, sdk_version: Is, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
 function kr(a2) {
   return a2.replace(/ /g, "_");
 }
-var As = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => "".concat(t, ":").concat(a2[t])).join(e);
+var As = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var H = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: vt() };
@@ -21805,7 +21802,7 @@ var y = class {
     return new H({ 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.".concat(i), s === void 0), n = s ? 2 : 1, d = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
+    let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, d = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
     return new H({ name: o, level: n, properties: d });
   }
   static performance(e) {
@@ -21851,11 +21848,10 @@ var y = class {
     return new H({ name: "krisp.stop", level: 1 });
   }
   static interruption({ started: e, type: t, reason: i, deviceInfo: r }) {
-    return new H({ name: "".concat(e ? "interruption.start" : "interruption.stop"), level: 1, properties: h({ reason: i, type: t }, r) });
+    return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: h({ reason: i, type: t }, r) });
   }
   static eventNameFor(e, t) {
-    let i = t ? "success" : "failed";
-    return "".concat(e, ".").concat(i);
+    return `${e}.${t ? "success" : "failed"}`;
   }
   static getPropertiesWithError(e, t) {
     let i = this.getErrorProperties(t);
@@ -21883,7 +21879,7 @@ var Er = class {
       return;
     let r = this.devices[e].find((o) => this.isSame({ deviceId: t, groupId: i }, o));
     if (!r) {
-      l.w(this.TAG, "Could not find device with deviceId: ".concat(t, ", groupId: ").concat(i));
+      l.w(this.TAG, `Could not find device with deviceId: ${t}, groupId: ${i}`);
       return;
     }
     let s = this.storage.get() || {};
@@ -22413,7 +22409,7 @@ var Xr = class {
       return;
     }
     let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? $s : Ks;
-    fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: "Bearer ".concat(e.metadata.token), user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
+    fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
       if (r.status === 401) {
         this.removeFromStorage(e);
         return;
@@ -22448,10 +22444,10 @@ var Vt = class {
   }
   static sendFeedback(s) {
     return c(this, arguments, function* ({ token: e, eventEndpoint: t = "https://event.100ms.live", info: i, feedback: r }) {
-      l.d(this.TAG, "sendFeedback: feedbackEndpoint=".concat(t, " peerId=").concat(i.peer.peer_id, " session=").concat(i.peer.session_id, " "));
+      l.d(this.TAG, `sendFeedback: feedbackEndpoint=${t} peerId=${i.peer.peer_id} session=${i.peer.session_id} `);
       let o = new URL("v2/client/feedback", t), n = M(h({}, i), { payload: r });
       try {
-        let d = yield fetch(o, { headers: { Authorization: "Bearer ".concat(e) }, body: JSON.stringify(n), method: "POST" });
+        let d = yield fetch(o, { headers: { Authorization: `Bearer ${e}` }, body: JSON.stringify(n), method: "POST" });
         try {
           this.handleError(d);
           return;
@@ -23722,7 +23718,7 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
         yield requestPermission();
       })
     },
-    /* @__PURE__ */ React76.createElement(Tooltip, { title: "".concat(!isVideoScreenshare ? "Start" : "Stop", " screen sharing") }, /* @__PURE__ */ React76.createElement(Box, null, /* @__PURE__ */ React76.createElement(ShareScreenIcon, null)))
+    /* @__PURE__ */ React76.createElement(Tooltip, { title: `${!isVideoScreenshare ? "Start" : "Stop"} screen sharing` }, /* @__PURE__ */ React76.createElement(Box, null, /* @__PURE__ */ React76.createElement(ShareScreenIcon, null)))
   ), /* @__PURE__ */ React76.createElement(ShareScreenOptions, null)));
 };
 
@@ -23778,7 +23774,7 @@ var ChatToggle = ({ onClick }) => {
         position: "relative"
       }
     },
-    /* @__PURE__ */ React78.createElement(Tooltip, { key: "chat", title: "".concat(isChatOpen ? "Close" : "Open", " chat") }, /* @__PURE__ */ React78.createElement(
+    /* @__PURE__ */ React78.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ React78.createElement(
       IconButton_default,
       {
         onClick: () => onClick ? onClick() : toggleChat(),
@@ -24246,7 +24242,7 @@ var RoleAccordion = ({
   return /* @__PURE__ */ React82.createElement(Accordion.Item, { value: roleName, css: { "&:hover .role_actions": { visibility: "visible" }, mb: "$8" }, ref }, /* @__PURE__ */ React82.createElement(
     Accordion.Header,
     {
-      chevronID: "role_accordion_btn_".concat(roleName),
+      chevronID: `role_accordion_btn_${roleName}`,
       iconStyles: { c: "$on_surface_high" },
       css: {
         textTransform: "capitalize",
@@ -24270,7 +24266,7 @@ var RoleAccordion = ({
       },
       roleName,
       " ",
-      "(".concat(getFormattedCount(isLargeRoom && isOffStageRole ? total : peerList.length), ")")
+      `(${getFormattedCount(isLargeRoom && isOffStageRole ? total : peerList.length)})`
     ), /* @__PURE__ */ React82.createElement(RoleOptions, { roleName, peerList: peersInAccordion }))
   ), /* @__PURE__ */ React82.createElement(Accordion.Content, { contentStyles: { border: "1px solid $border_default", borderTop: "none" } }, /* @__PURE__ */ React82.createElement(
     FixedSizeList,
@@ -24730,7 +24726,7 @@ var PollsToggle = () => {
       setUnreadPollQuiz(false);
     }
   }, [isPollsOpen, unreadPollQuiz, setUnreadPollQuiz]);
-  return /* @__PURE__ */ React84.createElement(Tooltip, { key: "polls", title: "".concat(isPollsOpen ? "Close" : "Open", " polls and quizzes") }, /* @__PURE__ */ React84.createElement(
+  return /* @__PURE__ */ React84.createElement(Tooltip, { key: "polls", title: `${isPollsOpen ? "Close" : "Open"} polls and quizzes` }, /* @__PURE__ */ React84.createElement(
     IconButton_default,
     {
       onClick: () => {
@@ -24760,7 +24756,7 @@ var WhiteboardToggle = () => {
     Tooltip,
     {
       key: "whiteboard",
-      title: peerSharing ? "Cannot open whiteboard when viewing a shared screen" : "".concat(open ? "Close" : "Open", " Whiteboard")
+      title: peerSharing ? "Cannot open whiteboard when viewing a shared screen" : `${open ? "Close" : "Open"} Whiteboard`
     },
     /* @__PURE__ */ React85.createElement(
       IconButton_default,
@@ -25002,7 +24998,7 @@ var Container3 = ({ children, rounded = false }) => {
         left: 0,
         bg: "$surface_dim",
         transform: "translateX(10%)",
-        animation: "".concat(slideLeftAndFade("10%"), " 100ms ease-out forwards"),
+        animation: `${slideLeftAndFade("10%")} 100ms ease-out forwards`,
         display: "flex",
         flexDirection: "column",
         borderRadius: rounded ? "$2" : "0"
@@ -25142,7 +25138,7 @@ var AddMenu = () => {
       onClick: () => setInteractionType("Quiz" /* QUIZ */),
       active: interactionType === "Quiz" /* QUIZ */
     }
-  )), /* @__PURE__ */ React90.createElement(Flex, { direction: "column", css: { mb: "$10" } }, /* @__PURE__ */ React90.createElement(Text, { variant: "body2", css: { mb: "$4" } }, "Name this ".concat(interactionType.toLowerCase())), /* @__PURE__ */ React90.createElement(
+  )), /* @__PURE__ */ React90.createElement(Flex, { direction: "column", css: { mb: "$10" } }, /* @__PURE__ */ React90.createElement(Text, { variant: "body2", css: { mb: "$4" } }, `Name this ${interactionType.toLowerCase()}`), /* @__PURE__ */ React90.createElement(
     Input,
     {
       ref: inputRef,
@@ -25314,7 +25310,7 @@ var OptionInputWithDelete = ({
   return /* @__PURE__ */ React93.createElement(React93.Fragment, null, /* @__PURE__ */ React93.createElement(
     Input,
     {
-      placeholder: "Option ".concat(index + 1),
+      placeholder: `Option ${index + 1}`,
       css: {
         w: "100%",
         backgroundColor: "$surface_bright",
@@ -25345,7 +25341,7 @@ var VoteProgress = ({ option, totalResponses }) => {
     Progress.Content,
     {
       style: {
-        transform: "translateX(-".concat(100 - progressValue, "%)")
+        transform: `translateX(-${100 - progressValue}%)`
       }
     }
   )) : null;
@@ -25376,10 +25372,10 @@ var MultipleChoiceOptions = ({
   };
   return /* @__PURE__ */ React96.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
     var _a7;
-    return /* @__PURE__ */ React96.createElement(Flex, { align: "center", key: "".concat(questionIndex, "-").concat(option.index), css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ React96.createElement(
+    return /* @__PURE__ */ React96.createElement(Flex, { align: "center", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ React96.createElement(
       Checkbox.Root,
       {
-        id: "".concat(questionIndex, "-").concat(option.index),
+        id: `${questionIndex}-${option.index}`,
         disabled: !canRespond,
         checked: (_a7 = localPeerResponse == null ? void 0 : localPeerResponse.options) == null ? void 0 : _a7.includes(option.index),
         onCheckedChange: (checked) => handleCheckedChange(checked, option.index),
@@ -25389,7 +25385,7 @@ var MultipleChoiceOptions = ({
         }
       },
       /* @__PURE__ */ React96.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React96.createElement(CheckIcon5, { width: 16, height: 16 }))
-    ) : null, isStopped && (correctOptionIndexes == null ? void 0 : correctOptionIndexes.includes(option.index)) ? /* @__PURE__ */ React96.createElement(Flex, { align: "center", css: { color: "$on_surface_high" } }, /* @__PURE__ */ React96.createElement(CheckCircleIcon, { height: 20, width: 20 })) : null, /* @__PURE__ */ React96.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ React96.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React96.createElement(Text, { css: { display: "flex", flexGrow: "1" } }, /* @__PURE__ */ React96.createElement(Label3, { htmlFor: "".concat(questionIndex, "-").concat(option.index) }, option.text)), showVoteCount && /* @__PURE__ */ React96.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ React96.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.options.includes(option.index)) ? /* @__PURE__ */ React96.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
+    ) : null, isStopped && (correctOptionIndexes == null ? void 0 : correctOptionIndexes.includes(option.index)) ? /* @__PURE__ */ React96.createElement(Flex, { align: "center", css: { color: "$on_surface_high" } }, /* @__PURE__ */ React96.createElement(CheckCircleIcon, { height: 20, width: 20 })) : null, /* @__PURE__ */ React96.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ React96.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React96.createElement(Text, { css: { display: "flex", flexGrow: "1" } }, /* @__PURE__ */ React96.createElement(Label3, { htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ React96.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ React96.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.options.includes(option.index)) ? /* @__PURE__ */ React96.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
   }));
 };
 var MultipleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
@@ -25434,7 +25430,7 @@ var SingleChoiceOptions = ({
   localPeerResponse
 }) => {
   return /* @__PURE__ */ React97.createElement(RadioGroup.Root, { value: localPeerResponse == null ? void 0 : localPeerResponse.option, onValueChange: (value) => setAnswer(value) }, /* @__PURE__ */ React97.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
-    return /* @__PURE__ */ React97.createElement(Flex, { align: "center", key: "".concat(questionIndex, "-").concat(option.index), css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ React97.createElement(
+    return /* @__PURE__ */ React97.createElement(Flex, { align: "center", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ React97.createElement(
       RadioGroup.Item,
       {
         css: {
@@ -25456,7 +25452,7 @@ var SingleChoiceOptions = ({
         },
         disabled: !canRespond,
         value: option.index,
-        id: "".concat(questionIndex, "-").concat(option.index)
+        id: `${questionIndex}-${option.index}`
       },
       /* @__PURE__ */ React97.createElement(
         RadioGroup.Indicator,
@@ -25469,13 +25465,13 @@ var SingleChoiceOptions = ({
           }
         }
       )
-    ) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ React97.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React97.createElement(CheckCircleIcon2, { height: 20, width: 20 })) : null, /* @__PURE__ */ React97.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ React97.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React97.createElement(Text, { css: { display: "flex", flexGrow: "1", color: "$on_surface_high" } }, /* @__PURE__ */ React97.createElement(Label3, { style: { color: "inherit" }, htmlFor: "".concat(questionIndex, "-").concat(option.index) }, option.text)), showVoteCount && /* @__PURE__ */ React97.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ React97.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.option) === option.index ? /* @__PURE__ */ React97.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
+    ) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ React97.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React97.createElement(CheckCircleIcon2, { height: 20, width: 20 })) : null, /* @__PURE__ */ React97.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ React97.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React97.createElement(Text, { css: { display: "flex", flexGrow: "1", color: "$on_surface_high" } }, /* @__PURE__ */ React97.createElement(Label3, { style: { color: "inherit" }, htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ React97.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ React97.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.option) === option.index ? /* @__PURE__ */ React97.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
   })));
 };
 var SingleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
   const correctOptionIndex = options.findIndex((option) => option.isCorrectAnswer);
   return /* @__PURE__ */ React97.createElement(RadioGroup.Root, { value: correctOptionIndex, onValueChange: selectAnswer }, /* @__PURE__ */ React97.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option, index) => {
-    return /* @__PURE__ */ React97.createElement(Flex, { align: "center", key: "option-".concat(index), css: { w: "100%", gap: "$4" } }, isQuiz && /* @__PURE__ */ React97.createElement(
+    return /* @__PURE__ */ React97.createElement(Flex, { align: "center", key: `option-${index}`, css: { w: "100%", gap: "$4" } }, isQuiz && /* @__PURE__ */ React97.createElement(
       RadioGroup.Item,
       {
         css: {
@@ -25685,7 +25681,7 @@ var QuestionForm = ({
     Tooltip,
     {
       disabled: isValid,
-      title: options.length < 2 ? "At least two options must be added" : "Please fill all the fields ".concat(isQuiz ? "and mark the correct answer(s)" : "", " to continue"),
+      title: options.length < 2 ? "At least two options must be added" : `Please fill all the fields ${isQuiz ? "and mark the correct answer(s)" : ""} to continue`,
       boxCss: { maxWidth: "$40" }
     },
     /* @__PURE__ */ React98.createElement(
@@ -25753,7 +25749,7 @@ var SavedQuestion = ({
     }
     return updatedAnswerArray;
   }, [question == null ? void 0 : question.answer]);
-  return /* @__PURE__ */ React99.createElement(React99.Fragment, null, /* @__PURE__ */ React99.createElement(Text, { variant: "overline", css: { c: "$on_surface_low", textTransform: "uppercase" } }, "Question ", index + 1, " of ", length, ": ", QUESTION_TYPE_TITLE[question.type]), /* @__PURE__ */ React99.createElement(Text, { variant: "body2", css: { mt: "$4", mb: "$md" } }, question.text), (_a7 = question.options) == null ? void 0 : _a7.map((option, index2) => /* @__PURE__ */ React99.createElement(Flex, { key: "".concat(option.text, "-").concat(index2), css: { alignItems: "center", my: "$xs" } }, /* @__PURE__ */ React99.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, option.text), (answerArray.includes(index2 + 1) || option.isCorrectAnswer) && /* @__PURE__ */ React99.createElement(Flex, { css: { color: "$alert_success", mx: "$xs" } }, /* @__PURE__ */ React99.createElement(CheckCircleIcon3, { height: 24, width: 24 })))), question.skippable ? /* @__PURE__ */ React99.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", my: "$md" } }, "Not required to answer") : null, /* @__PURE__ */ React99.createElement(Flex, { justify: "end", css: { w: "100%", alignItems: "center" } }, /* @__PURE__ */ React99.createElement(Button, { variant: "standard", css: { fontWeight: "$semiBold" }, onClick: () => convertToDraft(question.draftID) }, "Edit")));
+  return /* @__PURE__ */ React99.createElement(React99.Fragment, null, /* @__PURE__ */ React99.createElement(Text, { variant: "overline", css: { c: "$on_surface_low", textTransform: "uppercase" } }, "Question ", index + 1, " of ", length, ": ", QUESTION_TYPE_TITLE[question.type]), /* @__PURE__ */ React99.createElement(Text, { variant: "body2", css: { mt: "$4", mb: "$md" } }, question.text), (_a7 = question.options) == null ? void 0 : _a7.map((option, index2) => /* @__PURE__ */ React99.createElement(Flex, { key: `${option.text}-${index2}`, css: { alignItems: "center", my: "$xs" } }, /* @__PURE__ */ React99.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, option.text), (answerArray.includes(index2 + 1) || option.isCorrectAnswer) && /* @__PURE__ */ React99.createElement(Flex, { css: { color: "$alert_success", mx: "$xs" } }, /* @__PURE__ */ React99.createElement(CheckCircleIcon3, { height: 24, width: 24 })))), question.skippable ? /* @__PURE__ */ React99.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", my: "$md" } }, "Not required to answer") : null, /* @__PURE__ */ React99.createElement(Flex, { justify: "end", css: { w: "100%", alignItems: "center" } }, /* @__PURE__ */ React99.createElement(Button, { variant: "standard", css: { fontWeight: "$semiBold" }, onClick: () => convertToDraft(question.draftID) }, "Edit")));
 };
 
 // src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
@@ -25784,7 +25780,7 @@ function CreateQuestions() {
       try {
         yield actions.sendHLSTimedMetadata([
           {
-            payload: "poll:".concat(poll_id),
+            payload: `poll:${poll_id}`,
             duration: 100
           }
         ]);
@@ -25885,15 +25881,15 @@ var getFormattedTime = (milliseconds, precise = true) => {
   const seconds = totalSeconds % 60;
   let formattedTime = "";
   if (hours) {
-    formattedTime += "".concat(hours, "h ");
+    formattedTime += `${hours}h `;
   }
   if (minutes || hours) {
-    formattedTime += "".concat(minutes, "m ");
+    formattedTime += `${minutes}m `;
   }
   if (!precise && (hours || minutes)) {
     return formattedTime;
   }
-  formattedTime += "".concat(precise ? seconds.toFixed(3) : Math.floor(seconds), "s");
+  formattedTime += `${precise ? seconds.toFixed(3) : Math.floor(seconds)}s`;
   return formattedTime;
 };
 
@@ -26009,11 +26005,11 @@ var PeerParticipationSummary = ({ quiz }) => {
   const boxes = isLocalPeerQuizCreator ? [
     {
       title: "Voted",
-      value: "".concat(summary.totalUsers ? (100 * summary.votedUsers / summary.totalUsers).toFixed(0) : 0, "% (").concat(summary.votedUsers, "/").concat(summary.totalUsers, ")")
+      value: `${summary.totalUsers ? (100 * summary.votedUsers / summary.totalUsers).toFixed(0) : 0}% (${summary.votedUsers}/${summary.totalUsers})`
     },
     {
       title: "Correct Answers",
-      value: "".concat(summary.totalUsers ? (100 * summary.correctUsers / summary.totalUsers).toFixed(0) : 0, "% (").concat(summary.correctUsers, "/").concat(summary.totalUsers, ")")
+      value: `${summary.totalUsers ? (100 * summary.correctUsers / summary.totalUsers).toFixed(0) : 0}% (${summary.correctUsers}/${summary.totalUsers})`
     },
     // Time in ms
     { title: "Avg. Time Taken", value: getFormattedTime(summary.avgTime) },
@@ -26028,7 +26024,7 @@ var PeerParticipationSummary = ({ quiz }) => {
     { title: "Time Taken", value: getFormattedTime(peerEntry == null ? void 0 : peerEntry.duration) },
     {
       title: "Correct Answers",
-      value: (peerEntry == null ? void 0 : peerEntry.totalResponses) ? "".concat(peerEntry == null ? void 0 : peerEntry.correctResponses, "/").concat(peerEntry.totalResponses) : "-"
+      value: (peerEntry == null ? void 0 : peerEntry.totalResponses) ? `${peerEntry == null ? void 0 : peerEntry.correctResponses}/${peerEntry.totalResponses}` : "-"
     }
   ];
   return /* @__PURE__ */ React103.createElement(Box, null, /* @__PURE__ */ React103.createElement(Text, { css: { fontWeight: "$semiBold", my: "$8" } }, "Participation Summary"), /* @__PURE__ */ React103.createElement(Box, { css: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "$4" } }, boxes.map((box) => /* @__PURE__ */ React103.createElement(StatisticBox, { key: box.title, title: box.title, value: box.value }))));
@@ -26206,7 +26202,7 @@ var QuestionCard2 = ({
         borderRadius: "$1",
         p: "$md",
         mt: "$md",
-        border: respondedToQuiz && !isLive ? "1px solid ".concat(isCorrectAnswer ? "$alert_success" : "$alert_error_default") : "none"
+        border: respondedToQuiz && !isLive ? `1px solid ${isCorrectAnswer ? "$alert_success" : "$alert_error_default"}` : "none"
       }
     },
     /* @__PURE__ */ React105.createElement(Flex, { align: "center", justify: "between" }, /* @__PURE__ */ React105.createElement(
@@ -26316,7 +26312,7 @@ var StandardView = ({
         isQuiz,
         startedBy: poll.startedBy,
         pollState: poll.state,
-        key: "".concat(question.text, "-").concat(index),
+        key: `${question.text}-${index}`,
         index: question.index,
         text: question.text,
         type: question.type,
@@ -26671,7 +26667,7 @@ var SelectorItem = ({
       icon,
       value
     ),
-    /* @__PURE__ */ React114.createElement(Flex, { align: "center", css: { ml: "auto", color: "$on_primary_high" } }, unreadCount > 0 && /* @__PURE__ */ React114.createElement(Tooltip, { title: "".concat(unreadCount, " unread") }, /* @__PURE__ */ React114.createElement(Box, { css: { mr: active ? "$3" : 0 } }, /* @__PURE__ */ React114.createElement(ChatDotIcon, null))), active && /* @__PURE__ */ React114.createElement(CheckIcon6, { width: 16, height: 16 }))
+    /* @__PURE__ */ React114.createElement(Flex, { align: "center", css: { ml: "auto", color: "$on_primary_high" } }, unreadCount > 0 && /* @__PURE__ */ React114.createElement(Tooltip, { title: `${unreadCount} unread` }, /* @__PURE__ */ React114.createElement(Box, { css: { mr: active ? "$3" : 0 } }, /* @__PURE__ */ React114.createElement(ChatDotIcon, null))), active && /* @__PURE__ */ React114.createElement(CheckIcon6, { width: 16, height: 16 }))
   );
 };
 var SelectorHeader = React114.memo(
@@ -26946,7 +26942,22 @@ var useEmojiPickerStyles = (showing) => {
         var _a7, _b7;
         const root = (_b7 = (_a7 = ref.current) == null ? void 0 : _a7.querySelector("em-emoji-picker")) == null ? void 0 : _b7.shadowRoot;
         const style = document.createElement("style");
-        style.textContent = "\n          #root {\n            --em-rgb-color: var(--hms-ui-colors-on_surface_high);\n            --em-rgb-input: var(--hms-ui-colors-on_primary_high);\n            --em-color-border: var(--hms-ui-colors-surface_bright);\n            --color-b: var(--hms-ui-colors-on_surface_high);\n            --rgb-background: transparent;\n            color: var(--hms-ui-colors-on_surface_high);\n            font-family: var(--hms-ui-fonts-sans);\n          }\n          .sticky {\n            top: 0.25rem;\n            background-color: var(--hms-ui-colors-surface_bright);\n            margin-top: 0.5rem;\n          }\n        ";
+        style.textContent = `
+          #root {
+            --em-rgb-color: var(--hms-ui-colors-on_surface_high);
+            --em-rgb-input: var(--hms-ui-colors-on_primary_high);
+            --em-color-border: var(--hms-ui-colors-surface_bright);
+            --color-b: var(--hms-ui-colors-on_surface_high);
+            --rgb-background: transparent;
+            color: var(--hms-ui-colors-on_surface_high);
+            font-family: var(--hms-ui-fonts-sans);
+          }
+          .sticky {
+            top: 0.25rem;
+            background-color: var(--hms-ui-colors-surface_bright);
+            margin-top: 0.5rem;
+          }
+        `;
         root == null ? void 0 : root.appendChild(style);
       }, 0);
     }
@@ -27029,15 +27040,15 @@ var ChatFooter = ({ onSend, children }) => {
   }, [defaultSelection, selectedPeer, selectedRole, setRoleSelector, isMobile, isLandscapeHLSStream, elements == null ? void 0 : elements.chat]);
   const resetInputHeight = useCallback29(() => {
     if (inputRef.current) {
-      inputRef.current.style.height = "".concat(Math.max(
+      inputRef.current.style.height = `${Math.max(
         32,
         inputRef.current.value ? Math.min(inputRef.current.scrollHeight, 24 * 4) : 0
-      ), "px");
+      )}px`;
     }
   }, []);
   const updateInputHeight = useCallback29(() => {
     if (inputRef.current) {
-      inputRef.current.style.height = "".concat(Math.max(32, Math.min(inputRef.current.scrollHeight, 24 * 4)), "px");
+      inputRef.current.style.height = `${Math.max(32, Math.min(inputRef.current.scrollHeight, 24 * 4))}px`;
     }
   }, []);
   const sendMessage = useCallback29(() => __async(void 0, null, function* () {
@@ -27062,7 +27073,7 @@ var ChatFooter = ({ onSend, children }) => {
     } catch (error) {
       const err = error;
       ToastManager.addToast({
-        title: err.message.startsWith("Invalid peer") ? "".concat(selectedPeer.name, " is not in this room") : err.message
+        title: err.message.startsWith("Invalid peer") ? `${selectedPeer.name} is not in this room` : err.message
       });
     }
   }), [selectedRole, selectedPeer, hmsActions, onSend]);
@@ -27172,7 +27183,7 @@ var ChatFooter = ({ onSend, children }) => {
       {
         onSelect: (emoji) => {
           if (inputRef.current) {
-            inputRef.current.value += " ".concat(emoji.native, " ");
+            inputRef.current.value += ` ${emoji.native} `;
           }
         }
       }
@@ -27644,7 +27655,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
       "data-testid": "close_sidepane"
     },
     /* @__PURE__ */ React122.createElement(CrossIcon22, null)
-  )), /* @__PURE__ */ React122.createElement(ParticipantSearch, { onSearch: (search2) => setSearch(search2), placeholder: "Search for ".concat(roleName) }), /* @__PURE__ */ React122.createElement(Flex, { direction: "column", css: { border: "1px solid $border_default", borderRadius: "$1", flex: "1 1 0" } }, /* @__PURE__ */ React122.createElement(Flex, { align: "center", css: { height: ROW_HEIGHT, borderBottom: "1px solid $border_default", px: "$8" } }, /* @__PURE__ */ React122.createElement(Text, { css: { fontSize: "$space$7" } }, roleName, "(", getFormattedCount(peers.length), "/", getFormattedCount(total), ")")), /* @__PURE__ */ React122.createElement(Box, { css: { flex: "1 1 0", overflowY: "auto", overflowX: "hidden", mr: "-$10" } }, /* @__PURE__ */ React122.createElement(
+  )), /* @__PURE__ */ React122.createElement(ParticipantSearch, { onSearch: (search2) => setSearch(search2), placeholder: `Search for ${roleName}` }), /* @__PURE__ */ React122.createElement(Flex, { direction: "column", css: { border: "1px solid $border_default", borderRadius: "$1", flex: "1 1 0" } }, /* @__PURE__ */ React122.createElement(Flex, { align: "center", css: { height: ROW_HEIGHT, borderBottom: "1px solid $border_default", px: "$8" } }, /* @__PURE__ */ React122.createElement(Text, { css: { fontSize: "$space$7" } }, roleName, "(", getFormattedCount(peers.length), "/", getFormattedCount(total), ")")), /* @__PURE__ */ React122.createElement(Box, { css: { flex: "1 1 0", overflowY: "auto", overflowX: "hidden", mr: "-$10" } }, /* @__PURE__ */ React122.createElement(
     VariableSizeList2,
     {
       itemSize: (index) => index === filteredPeers.length + 1 ? 16 : ROW_HEIGHT,
@@ -28274,7 +28285,7 @@ var TileMenu = ({
     StyledMenuTile.Trigger,
     {
       "data-testid": "participant_menu_btn",
-      css: { bg: "".concat(theme2.colors.background_dim.value, "A3"), p: "$2", w: "unset", h: "unset" },
+      css: { bg: `${theme2.colors.background_dim.value}A3`, p: "$2", w: "unset", h: "unset" },
       onClick: (e) => e.stopPropagation(),
       className: dragClassName
     },
@@ -28293,7 +28304,7 @@ var TileMenu = ({
         borderBottom: "1px solid $border_default"
       }
     },
-    /* @__PURE__ */ React127.createElement(Box, null, /* @__PURE__ */ React127.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, peer == null ? void 0 : peer.name, isLocal ? " (You)" : null), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ React127.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
+    /* @__PURE__ */ React127.createElement(Box, null, /* @__PURE__ */ React127.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, peer == null ? void 0 : peer.name, isLocal ? ` (You)` : null), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ React127.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
     /* @__PURE__ */ React127.createElement(Sheet.Close, { css: { color: "inherit" } }, /* @__PURE__ */ React127.createElement(CrossIcon24, null))
   ), /* @__PURE__ */ React127.createElement(Box, { css: { px: "$8", pb: "$8", maxHeight: "80vh", overflowY: "auto" } }, /* @__PURE__ */ React127.createElement(TileMenuContent, __spreadProps(__spreadValues({}, props), { closeSheetOnClick: () => setOpen(false) }))))) : /* @__PURE__ */ React127.createElement(StyledMenuTile.Content, { side: "top", align: "end", css: { maxHeight: "$80", overflowY: "auto" } }, /* @__PURE__ */ React127.createElement(TileMenuContent, __spreadValues({}, props)))), showNameChangeModal && /* @__PURE__ */ React127.createElement(ChangeNameModal, { onOpenChange: setShowNameChangeModal }), showRoleChangeModal && /* @__PURE__ */ React127.createElement(RoleChangeModal, { peerId: peerID, onOpenChange: setShowRoleChangeModal }));
 };
@@ -28304,11 +28315,11 @@ init_define_process_env();
 var PEER_NAME_PLACEHOLDER = "peerName";
 var labelMap = /* @__PURE__ */ new Map([
   [[true, "screen"].toString(), "Your Screen"],
-  [[true, "regular"].toString(), "You (".concat(PEER_NAME_PLACEHOLDER, ")")],
-  [[false, "screen"].toString(), "".concat(PEER_NAME_PLACEHOLDER, "'s Screen")],
+  [[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
+  [[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
   [[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
-  [[true, void 0].toString(), "You (".concat(PEER_NAME_PLACEHOLDER, ")")],
-  [[false, void 0].toString(), "".concat(PEER_NAME_PLACEHOLDER)]
+  [[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
+  [[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
 ]);
 var getVideoTileLabel = ({ peerName, isLocal, track }) => {
   const isPeerPresent = peerName !== void 0;
@@ -28320,9 +28331,9 @@ var getVideoTileLabel = ({ peerName, isLocal, track }) => {
   if (label) {
     label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
   } else {
-    label = "".concat(peerName, " ").concat(track.source);
+    label = `${peerName} ${track.source}`;
   }
-  return "".concat(label).concat(isLocallyMuted ? " (Muted for you)" : "");
+  return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
 };
 
 // src/Prebuilt/components/VideoTile.tsx
@@ -28389,7 +28400,7 @@ var Tile = ({
         width,
         height
       }, rootCSS),
-      "data-testid": "participant_tile_".concat(peerName)
+      "data-testid": `participant_tile_${peerName}`
     },
     peerName !== void 0 ? /* @__PURE__ */ React128.createElement(
       StyledVideoTile.Container,
@@ -28499,10 +28510,10 @@ var Root25 = ({
       p: "$5",
       borderRadius: "$1",
       bg: "$surface_bright",
-      border: "4px solid ".concat(isActive ? "$primary_default" : "$surface_dim"),
+      border: `4px solid ${isActive ? "$primary_default" : "$surface_dim"}`,
       cursor: "pointer",
       "&:hover": { border: "4px solid $primary_dim" }
-    }, mediaURL ? { height: "$20", backgroundImage: 'url("'.concat(mediaURL, '")'), backgroundSize: "cover" } : {}),
+    }, mediaURL ? { height: "$20", backgroundImage: `url("${mediaURL}")`, backgroundSize: "cover" } : {}),
     onClick: () => __async(void 0, null, function* () {
       yield onClick == null ? void 0 : onClick();
     })
@@ -28535,7 +28546,7 @@ var VBCollection = ({
       VBOption.Root,
       __spreadProps(__spreadValues({
         key: option.value,
-        testid: option.value === HMSVirtualBackgroundTypes3.IMAGE ? "virtual_bg_option-".concat(index) : option.value
+        testid: option.value === HMSVirtualBackgroundTypes3.IMAGE ? `virtual_bg_option-${index}` : option.value
       }, option), {
         isActive: activeBackground === option.value
       }),
@@ -28752,7 +28763,7 @@ var Wrapper3 = styled("div", {
   },
   "@md": {
     p: "$6 $8",
-    animation: "".concat(translateAcross({ yFrom: "100%" }), " 150ms cubic-bezier(0.22, 1, 0.36, 1)")
+    animation: `${translateAcross({ yFrom: "100%" })} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
   },
   variants: {
     landscapeStream: {
@@ -29028,7 +29039,7 @@ var getParticipantChipContent = (peerCount = 0) => {
     return "You are the first to join";
   }
   const formattedNum = getFormattedCount(peerCount);
-  return "".concat(formattedNum, " other").concat(parseInt(formattedNum) === 1 ? "" : "s", " in the session");
+  return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
 };
 var useLocalTileAspectRatio = () => {
   const localPeer = useHMSStore71(selectLocalPeer9);
@@ -29116,7 +29127,7 @@ var PreviewJoin = ({
       textColor: "#FFF",
       icon: /* @__PURE__ */ React136.createElement(Box, { css: { h: "$sm", w: "$sm", backgroundColor: "$on_primary_high", borderRadius: "$round" } })
     }
-  ) : null, /* @__PURE__ */ React136.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ React136.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ React136.createElement(Box, { css: { w: "100%", maxWidth: "".concat(Math.max(aspectRatio, 1) * 340, "px") } }, /* @__PURE__ */ React136.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ React136.createElement(
+  ) : null, /* @__PURE__ */ React136.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ React136.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ React136.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 340}px` } }, /* @__PURE__ */ React136.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ React136.createElement(
     PreviewForm_default,
     {
       name,
@@ -29465,7 +29476,7 @@ var InsetTile = ({ peerId }) => {
     const resizeObserver = new ResizeObserver((entries) => {
       entries.forEach((entry) => {
         if (entry.target === node.parentElement) {
-          node.style.transform = "translate(0,0)";
+          node.style.transform = `translate(0,0)`;
         }
       });
     });
@@ -29787,12 +29798,12 @@ var SecondarySection = ({
   }
   const gridStyles = hasSidebar ? {
     gridTemplateColumns: "1fr",
-    gridTemplateRows: "repeat(".concat(tiles.length, ", minmax(0, 1fr))"),
+    gridTemplateRows: `repeat(${tiles.length}, minmax(0, 1fr))`,
     maxHeight: "100%",
     width: 240
   } : {
     gridTemplateRows: React145.Children.count(children) > 0 ? "136px auto" : "154px",
-    gridTemplateColumns: "repeat(".concat(tiles.length, ", minmax(0, 1fr))")
+    gridTemplateColumns: `repeat(${tiles.length}, minmax(0, 1fr))`
   };
   return /* @__PURE__ */ React145.createElement(
     Box,
@@ -29825,7 +29836,7 @@ var SecondarySection = ({
         }, tileLayoutProps)
       );
     }),
-    children && /* @__PURE__ */ React145.createElement(Box, { css: { gridColumn: hasSidebar ? 1 : "1/span ".concat(tiles.length) } }, children)
+    children && /* @__PURE__ */ React145.createElement(Box, { css: { gridColumn: hasSidebar ? 1 : `1/span ${tiles.length}` } }, children)
   );
 };
 var ProminenceLayout = {
@@ -30198,7 +30209,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
       isFullScreenSupported && isMouseHovered ? /* @__PURE__ */ React150.createElement(
         StyledVideoTile.FullScreenButton,
         {
-          css: { bg: "".concat(theme2.colors.background_dim.value, "A3") },
+          css: { bg: `${theme2.colors.background_dim.value}A3` },
           onClick: () => setFullscreen(!fullscreen)
         },
         isFullscreen ? /* @__PURE__ */ React150.createElement(ShrinkIcon2, null) : /* @__PURE__ */ React150.createElement(ExpandIcon3, null)
@@ -30213,7 +30224,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
             h: "$14",
             right: isFullScreenSupported ? "$17" : "$2",
             zIndex: 5,
-            bg: "".concat(theme2.colors.background_dim.value, "A3")
+            bg: `${theme2.colors.background_dim.value}A3`
           }
         },
         /* @__PURE__ */ React150.createElement(LayoutModeSelector, null)
@@ -30311,7 +30322,7 @@ var WhiteboardEmbed = () => {
         }
       }
     },
-    /* @__PURE__ */ React152.createElement(Box, { css: { size: "100%" } }, /* @__PURE__ */ React152.createElement(Whiteboard, { token, endpoint: "https://".concat(endpoint), zoomToContent }))
+    /* @__PURE__ */ React152.createElement(Box, { css: { size: "100%" } }, /* @__PURE__ */ React152.createElement(Whiteboard, { token, endpoint: `https://${endpoint}`, zoomToContent }))
   );
 };
 var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
@@ -30597,7 +30608,7 @@ var EmbedComponent = () => {
         } catch (err) {
           resetConfig();
           ToastManager.addToast({
-            title: "Error while sharing embed url ".concat(err.message || ""),
+            title: `Error while sharing embed url ${err.message || ""}`,
             variant: "error"
           });
         }
@@ -30657,7 +30668,7 @@ var PDFView = () => {
       } catch (err) {
         resetConfig();
         ToastManager.addToast({
-          title: "Error while sharing annotator ".concat(err.message || ""),
+          title: `Error while sharing annotator ${err.message || ""}`,
           variant: "error"
         });
       }
@@ -30948,7 +30959,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React157.lazy(() => Promise.resolve().then(() => __toESM(__require("./HLSView-4XDMVIWT.js"))));
+var HLSView = React157.lazy(() => import("./HLSView-XY7JC5H7.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -31133,7 +31144,7 @@ var CamaraFlipActions = () => {
           yield actions.switchCamera();
         } catch (e) {
           ToastManager.addToast({
-            title: "Error while flipping camera ".concat(e.message || ""),
+            title: `Error while flipping camera ${e.message || ""}`,
             variant: "error"
           });
         }
@@ -31179,7 +31190,7 @@ var AudioActions = () => {
           });
         } catch (e) {
           ToastManager.addToast({
-            title: "Error while changing audio device ".concat(e.message || ""),
+            title: `Error while changing audio device ${e.message || ""}`,
             variant: "error"
           });
         }
@@ -31383,7 +31394,7 @@ var ConferenceScreen = () => {
       css: {
         h: "$18",
         transition: "margin 0.3s ease-in-out",
-        marginTop: hideControlsForStreaming ? "-".concat((_b7 = headerRef.current) == null ? void 0 : _b7.clientHeight, "px") : "none",
+        marginTop: hideControlsForStreaming ? `-${(_b7 = headerRef.current) == null ? void 0 : _b7.clientHeight}px` : "none",
         "@md": {
           h: "$17"
         }
@@ -31427,7 +31438,7 @@ var ConferenceScreen = () => {
         maxHeight: "$24",
         transition: "margin 0.3s ease-in-out",
         bg: "$background_dim",
-        marginBottom: hideControlsForStreaming ? "-".concat((_f = footerRef.current) == null ? void 0 : _f.clientHeight, "px") : void 0,
+        marginBottom: hideControlsForStreaming ? `-${(_f = footerRef.current) == null ? void 0 : _f.clientHeight}px` : void 0,
         "@md": {
           maxHeight: "unset",
           bg: screenProps.screenType === "hls_live_streaming" ? "transparent" : "$background_dim"
@@ -31474,7 +31485,7 @@ var ErrorBoundary = class extends Component {
     this.state = { error: null, errorInfo: null, isErrorCopied: false };
   }
   componentDidCatch(error, errorInfo) {
-    console.error("react error boundary - ".concat(error.message), error, errorInfo);
+    console.error(`react error boundary - ${error.message}`, error, errorInfo);
     this.setState({
       error: error == null ? void 0 : error.message,
       errorInfo
@@ -31595,7 +31606,7 @@ var Init = () => {
   useEffect62(() => {
     function resetHeight() {
       var _a7;
-      document.body.style.height = "".concat(((_a7 = window.visualViewport) == null ? void 0 : _a7.height) || window.innerHeight, "px");
+      document.body.style.height = `${((_a7 = window.visualViewport) == null ? void 0 : _a7.height) || window.innerHeight}px`;
     }
     window.addEventListener("resize", resetHeight);
     resetHeight();
@@ -31910,7 +31921,7 @@ var FeedbackHeader = ({
             gap: "$4"
           },
           onClick: () => onEmojiClicked(index),
-          key: "".concat(index)
+          key: `${index}`
         },
         /* @__PURE__ */ React164.createElement(
           Text,
@@ -32002,7 +32013,7 @@ var FeedbackForm = ({
           /* @__PURE__ */ React164.createElement(
             Checkbox.Root,
             {
-              id: "".concat(option, "-").concat(index),
+              id: `${option}-${index}`,
               checked: selectedReasons.has(index),
               onCheckedChange: (checked) => handleCheckedChange(checked, index),
               css: {
@@ -32339,7 +32350,7 @@ var ChatNotifications = () => {
     const notification = {
       id: uuid4(),
       icon: chatState.enabled ? /* @__PURE__ */ React170.createElement(ChatUnreadIcon, null) : /* @__PURE__ */ React170.createElement(ChatIcon2, null),
-      title: "Chat ".concat(chatState.enabled ? "resumed" : "paused", " by ").concat((_b7 = chatState.updatedBy) == null ? void 0 : _b7.userName)
+      title: `Chat ${chatState.enabled ? "resumed" : "paused"} by ${(_b7 = chatState.updatedBy) == null ? void 0 : _b7.userName}`
     };
     ToastManager.addToast(notification);
   }, [chatState, localPeerId]);
@@ -32428,13 +32439,13 @@ var ToastConfig = {
     single: function(notification) {
       var _a7;
       return {
-        title: "".concat((_a7 = notification.data) == null ? void 0 : _a7.name, " joined"),
+        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} joined`,
         icon: /* @__PURE__ */ React171.createElement(PeopleAddIcon4, null)
       };
     },
     multiple: function(notifications) {
       return {
-        title: "".concat(notifications[notifications.length - 1].data.name, " and ").concat(notifications.length - 1, " others joined"),
+        title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others joined`,
         icon: /* @__PURE__ */ React171.createElement(PeopleAddIcon4, null)
       };
     }
@@ -32443,13 +32454,13 @@ var ToastConfig = {
     single: function(notification) {
       var _a7;
       return {
-        title: "".concat((_a7 = notification.data) == null ? void 0 : _a7.name, " left"),
+        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} left`,
         icon: /* @__PURE__ */ React171.createElement(PeopleRemoveIcon4, null)
       };
     },
     multiple: function(notifications) {
       return {
-        title: "".concat(notifications[notifications.length - 1].data.name, " and ").concat(notifications.length - 1, " others left"),
+        title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others left`,
         icon: /* @__PURE__ */ React171.createElement(PeopleRemoveIcon4, null)
       };
     }
@@ -32458,7 +32469,7 @@ var ToastConfig = {
     single: (notification) => {
       var _a7;
       return {
-        title: "".concat((_a7 = notification.data) == null ? void 0 : _a7.name, " raised hand"),
+        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
         icon: /* @__PURE__ */ React171.createElement(HandIcon6, null)
       };
     },
@@ -32469,7 +32480,7 @@ var ToastConfig = {
         return (_a8 = notification.data) == null ? void 0 : _a8.id;
       })).size;
       return {
-        title: "".concat((_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name, " ").concat(count > 1 ? "and ".concat(count, " others") : "", " raised hand"),
+        title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
         icon: /* @__PURE__ */ React171.createElement(HandIcon6, null)
       };
     }
@@ -32478,7 +32489,7 @@ var ToastConfig = {
     single: (notification) => {
       var _a7, _b7;
       return {
-        title: "".concat((_a7 = notification.data) == null ? void 0 : _a7.name, " raised hand"),
+        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
         icon: /* @__PURE__ */ React171.createElement(HandIcon6, null),
         action: /* @__PURE__ */ React171.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
       };
@@ -32490,7 +32501,7 @@ var ToastConfig = {
         return (_a8 = notification.data) == null ? void 0 : _a8.id;
       })).size;
       return {
-        title: "".concat((_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name, " ").concat(count > 1 ? "and ".concat(count, " others") : "", " raised hand"),
+        title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
         icon: /* @__PURE__ */ React171.createElement(HandIcon6, null),
         action: /* @__PURE__ */ React171.createElement(HandRaiseAction, { isSingleHandRaise: false })
       };
@@ -32500,14 +32511,14 @@ var ToastConfig = {
     single: (notification) => {
       var _a7;
       return {
-        title: "New message from ".concat((_a7 = notification.data) == null ? void 0 : _a7.senderName),
+        title: `New message from ${(_a7 = notification.data) == null ? void 0 : _a7.senderName}`,
         icon: /* @__PURE__ */ React171.createElement(ChatUnreadIcon2, null),
         action: /* @__PURE__ */ React171.createElement(ChatAction, null)
       };
     },
     multiple: (notifications) => {
       return {
-        title: "".concat(notifications.length, " new messages"),
+        title: `${notifications.length} new messages`,
         icon: /* @__PURE__ */ React171.createElement(ChatUnreadIcon2, null),
         action: /* @__PURE__ */ React171.createElement(ChatAction, null)
       };
@@ -32516,7 +32527,7 @@ var ToastConfig = {
   RECONNECTED: {
     single: (online) => {
       return {
-        title: "You are now ".concat(online ? "online" : "connected"),
+        title: `You are now ${online ? "online" : "connected"}`,
         icon: /* @__PURE__ */ React171.createElement(ConnectivityIcon, null),
         variant: "success",
         duration: 3e3
@@ -32526,7 +32537,9 @@ var ToastConfig = {
   RECONNECTING: {
     single: (message) => {
       return {
-        title: "You are offline for now. while we try to reconnect, please check\n        your internet connection. ".concat(message, ".\n      "),
+        title: `You are offline for now. while we try to reconnect, please check
+        your internet connection. ${message}.
+      `,
         icon: /* @__PURE__ */ React171.createElement(PoorConnectivityIcon2, null),
         variant: "warning",
         duration: 3e4
@@ -32634,7 +32647,7 @@ var HandRaisedNotifications = () => {
       const peer = vanillaStore.getState(selectPeerByID6(notification.data.id));
       const handRaisedPeers = vanillaStore.getState(selectHandRaisedPeers2);
       if (amIScreenSharing && hasPeerHandRaised) {
-        const title = "".concat(peer == null ? void 0 : peer.name, " ").concat(handRaisedPeers.length > 1 ? "and ".concat(handRaisedPeers.length - 1, " others") : "", " raised hand");
+        const title = `${peer == null ? void 0 : peer.name} ${handRaisedPeers.length > 1 ? `and ${handRaisedPeers.length - 1} others` : ""} raised hand`;
         showNotification(title, { icon: logoURL });
       }
     },
@@ -32689,7 +32702,7 @@ var PeerNotifications = () => {
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
-    console.debug("[".concat(notification.type, "]"), notification);
+    console.debug(`[${notification.type}]`, notification);
     switch (notification.type) {
       case HMSNotificationTypes4.PEER_JOINED:
         if (!isPeerJoinSubscribed) {
@@ -32780,7 +32793,7 @@ var PermissionErrorModal = ({ error }) => {
       ) : null,
       /* @__PURE__ */ React173.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
     ),
-    /* @__PURE__ */ React173.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? "To allow other users to see and hear you, click the blocked camera icon in your browser's address bar." : null, !isMobile ? "Access to ".concat(deviceType, " is required. ") : null, isSystemError && !isMobile ? "Enable permissions for ".concat(deviceType).concat(deviceType === "screen" ? "share" : "", " from sytem settings") : null, !isSystemError && !isMobile ? "Enable permissions for ".concat(deviceType).concat(deviceType === "screen" ? "share" : "", " from address bar or browser settings.") : null),
+    /* @__PURE__ */ React173.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null),
     isMobile && isIOS ? /* @__PURE__ */ React173.createElement(React173.Fragment, null, /* @__PURE__ */ React173.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ React173.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
     isMobile && isAndroid ? /* @__PURE__ */ React173.createElement(React173.Fragment, null, /* @__PURE__ */ React173.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ React173.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
     !isMobile ? /* @__PURE__ */ React173.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ React173.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
@@ -32862,7 +32875,7 @@ var TrackBulkUnmuteModal = () => {
     RequestDialog,
     {
       title: "Unmute request",
-      body: "".concat(peer == null ? void 0 : peer.name, " is requesting you to unmute your ").concat(Array.from(types).join(",")),
+      body: `${peer == null ? void 0 : peer.name} is requesting you to unmute your ${Array.from(types).join(",")}`,
       onOpenChange: (value) => !value && setMuteNotification(null),
       onAction: () => {
         tracks.forEach((track) => {
@@ -32889,7 +32902,7 @@ var TrackNotifications = () => {
   const notification = useHMSNotifications8(notificationTypes3);
   useEffect72(() => {
     if (notification) {
-      console.debug("[".concat(notification.type, "]"), notification);
+      console.debug(`[${notification.type}]`, notification);
     }
   }, [notification]);
   return null;
@@ -32934,9 +32947,9 @@ var TrackUnmuteModal = () => {
   return /* @__PURE__ */ React175.createElement(
     RequestDialog,
     {
-      title: "Unmute your ".concat(track.type, "?"),
+      title: `Unmute your ${track.type}?`,
       onOpenChange: (value) => !value && setMuteNotification(null),
-      body: "".concat(peer == null ? void 0 : peer.name, "is requesting you to unmute your ").concat(track == null ? void 0 : track.type, "."),
+      body: `${peer == null ? void 0 : peer.name}is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
       onAction: () => {
         hmsActions.setEnabledTrack(track.id, enabled);
         setMuteNotification(null);
@@ -32959,7 +32972,7 @@ var TranscriptionNotifications = () => {
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
-    console.debug("[".concat(notification.type, "]"), notification);
+    console.debug(`[${notification.type}]`, notification);
     const transcriptionStates = notification.data;
     if (transcriptionStates.length > 0) {
       let id = "";
@@ -32967,21 +32980,21 @@ var TranscriptionNotifications = () => {
         ({ error }) => !!error,
         () => {
           id = ToastManager.replaceToast(toastId, {
-            title: "Failed to enable Closed Caption",
+            title: `Failed to enable Closed Caption`,
             variant: "error",
             icon: /* @__PURE__ */ React176.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
           });
         }
       ).with({ state: HMSTranscriptionState.STARTED }, () => {
         id = ToastManager.replaceToast(toastId, {
-          title: "Closed Captioning enabled for everyone",
+          title: `Closed Captioning enabled for everyone`,
           variant: "standard",
           duration: 2e3,
           icon: /* @__PURE__ */ React176.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
         });
       }).with({ state: HMSTranscriptionState.STOPPED }, () => {
         id = ToastManager.replaceToast(toastId, {
-          title: "Closed Captioning disabled for everyone",
+          title: `Closed Captioning disabled for everyone`,
           variant: "standard",
           duration: 2e3,
           icon: /* @__PURE__ */ React176.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
@@ -33012,7 +33025,7 @@ function Notifications() {
   const { pipWindow } = usePIPWindow();
   const handleRoleChangeDenied = useCallback36((request) => {
     ToastManager.addToast({
-      title: "".concat(request.peerName, " denied your request to join the ").concat(request.role.name, " role"),
+      title: `${request.peerName} denied your request to join the ${request.role.name} role`,
       variant: "error"
     });
   }, []);
@@ -33030,7 +33043,7 @@ function Notifications() {
         if (((_a8 = notification.data) == null ? void 0 : _a8.isTerminal) && ((_b8 = notification.data) == null ? void 0 : _b8.action) !== "INIT") {
           if ([500, 6008].includes((_c = notification.data) == null ? void 0 : _c.code)) {
             ToastManager.addToast({
-              title: "Error: ".concat((_d = notification.data) == null ? void 0 : _d.message)
+              title: `Error: ${(_d = notification.data) == null ? void 0 : _d.message}`
             });
           } else if (((_e = notification.data) == null ? void 0 : _e.message) === "role limit reached") {
             ToastManager.addToast({
@@ -33055,13 +33068,13 @@ function Notifications() {
         if (!subscribedNotifications.ERROR)
           return;
         ToastManager.addToast({
-          title: "Error: ".concat((_k = notification.data) == null ? void 0 : _k.message, " - ").concat((_l = notification.data) == null ? void 0 : _l.description)
+          title: `Error: ${(_k = notification.data) == null ? void 0 : _k.message} - ${(_l = notification.data) == null ? void 0 : _l.description}`
         });
         break;
       case HMSNotificationTypes11.ROLE_UPDATED: {
         if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
           ToastManager.addToast({
-            title: "You are now a ".concat(notification.data.roleName)
+            title: `You are now a ${notification.data.roleName}`
           });
           updateRoomLayoutForRole == null ? void 0 : updateRoomLayoutForRole(notification.data.roleName);
         }
@@ -33071,14 +33084,16 @@ function Notifications() {
         const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
         if (!notification.data.enabled) {
           ToastManager.addToast({
-            title: "Your ".concat(track.source, " ").concat(track.type, " was muted by\n                ").concat((_p = notification.data.requestedBy) == null ? void 0 : _p.name, ".")
+            title: `Your ${track.source} ${track.type} was muted by
+                ${(_p = notification.data.requestedBy) == null ? void 0 : _p.name}.`
           });
         }
         break;
       case HMSNotificationTypes11.REMOVED_FROM_ROOM:
       case HMSNotificationTypes11.ROOM_ENDED:
         ToastManager.addToast({
-          title: "".concat(notification.message, ". \n              ").concat(notification.data.reason && "Reason: ".concat(notification.data.reason))
+          title: `${notification.message}. 
+              ${notification.data.reason && `Reason: ${notification.data.reason}`}`
         });
         break;
       case HMSNotificationTypes11.DEVICE_CHANGE_UPDATE:
@@ -33090,7 +33105,7 @@ function Notifications() {
         if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
           const pollStartedBy = vanillaStore.getState(selectPeerNameByID7(notification.data.startedBy)) || "Participant";
           const pollToastID = ToastManager.addToast({
-            title: "".concat(pollStartedBy, " started a ").concat(notification.data.type, ": ").concat(notification.data.title),
+            title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
             action: /* @__PURE__ */ React177.createElement(
               Button,
               {
@@ -33119,7 +33134,7 @@ function Notifications() {
         break;
       case HMSNotificationTypes11.NEW_MESSAGE:
         if (amIScreenSharing && !((_q = notification.data) == null ? void 0 : _q.ignored) && !pipWindow) {
-          showNotification("New message from ".concat(notification.data.senderName), {
+          showNotification(`New message from ${notification.data.senderName}`, {
             body: notification.data.message,
             icon: logoURL
           });
@@ -33344,7 +33359,7 @@ function FlyingEmoji() {
             id,
             emojiId,
             senderName: nameToShow,
-            startingPoint: "".concat(startingPoint, "%"),
+            startingPoint: `${startingPoint}%`,
             wiggleType: Math.random() < 0.5 ? 0 : 1
           }
         ];
@@ -33385,7 +33400,7 @@ function FlyingEmoji() {
             alignItems: "center",
             position: "absolute",
             bottom: 0,
-            animation: "".concat(flyAndFade(), " 5s forwards, ").concat(emoji.wiggleType === 0 ? wiggleLeftRight() : wiggleRightLeft(), " 1s ease-in-out infinite alternate")
+            animation: `${flyAndFade()} 5s forwards, ${emoji.wiggleType === 0 ? wiggleLeftRight() : wiggleRightLeft()} 1s ease-in-out infinite alternate`
           },
           onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
         },
@@ -33545,7 +33560,11 @@ var HMSPrebuilt = React186.forwardRef(
       screens
     };
     if (!roomCode && !authToken) {
-      console.error('\n          HMSPrebuilt can be initialised by providing: \n          either "roomCode" or "authToken".\n          Please check if you are providing the above values for initialising prebuilt.\n        ');
+      console.error(`
+          HMSPrebuilt can be initialised by providing: 
+          either "roomCode" or "authToken".
+          Please check if you are providing the above values for initialising prebuilt.
+        `);
       throw Error("Incorrect initializing params for HMSPrebuilt component");
     }
     if (!hydrated) {
@@ -33587,12 +33606,12 @@ var HMSPrebuilt = React186.forwardRef(
           const { typography: typography2 } = layout || {};
           let fontFamily = ["sans-serif"];
           if (typography2 == null ? void 0 : typography2.font_family) {
-            fontFamily = ["".concat(typography2 == null ? void 0 : typography2.font_family), ...fontFamily];
+            fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
           }
           return /* @__PURE__ */ React186.createElement(
             HMSThemeProvider,
             {
-              themeType: "".concat(theme2.name, "-").concat(Date.now()),
+              themeType: `${theme2.name}-${Date.now()}`,
               theme: {
                 //@ts-ignore: Prebuilt theme to match stiches theme
                 colors: theme2.palette,
@@ -33936,7 +33955,7 @@ var MicTest = ({ setError }) => {
     Progress.Content,
     {
       style: {
-        transform: "translateX(-".concat(100 - audioLevel, "%)"),
+        transform: `translateX(-${100 - audioLevel}%)`,
         transition: "transform 0.3s"
       }
     }
@@ -34002,79 +34021,79 @@ var operatingSystemIconInfo = {
   tizen: {
     key: "tizen",
     val: "Tizen",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Tizen_b99350214e/Tizen_b99350214e.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Tizen_b99350214e/Tizen_b99350214e.svg`
   },
   "mac os": {
     key: "macos",
     val: "Mac OS",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/mac_OS_804456afd8/mac_OS_804456afd8.png")
+    icon: `${CMS_MEDIA_SERVER}cms/mac_OS_804456afd8/mac_OS_804456afd8.png`
   },
   windows: {
     key: "windows",
     val: "Windows",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Windows_fdfe6749b6/Windows_fdfe6749b6.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Windows_fdfe6749b6/Windows_fdfe6749b6.svg`
   },
   linux: {
     key: "linux",
     val: "Linux",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Linux_31f8353a2e/Linux_31f8353a2e.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Linux_31f8353a2e/Linux_31f8353a2e.svg`
   },
   chromium: {
     key: "chromium",
     val: "Chromium",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Chromium_3df17710bd/Chromium_3df17710bd.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Chromium_3df17710bd/Chromium_3df17710bd.svg`
   },
   ubuntu: {
     key: "ubuntu",
     val: "Ubuntu",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Ubuntu_966dd923c5/Ubuntu_966dd923c5.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Ubuntu_966dd923c5/Ubuntu_966dd923c5.svg`
   },
   ios: {
     key: "ios",
     val: "iOS",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/i_OS_3cdc9d9b71/i_OS_3cdc9d9b71.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/i_OS_3cdc9d9b71/i_OS_3cdc9d9b71.svg`
   },
   android: {
     key: "android",
     val: "Android",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Android_49dcfdc934/Android_49dcfdc934.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Android_49dcfdc934/Android_49dcfdc934.svg`
   }
 };
 var browserTypeIconInfo = {
   brave: {
     key: "brave",
     val: "Brave",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Brave_7e66131f09/Brave_7e66131f09.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Brave_7e66131f09/Brave_7e66131f09.svg`
   },
   chrome: {
     key: "chrome",
     val: "Chrome",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Chrome_7bf77fbdd7/Chrome_7bf77fbdd7.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Chrome_7bf77fbdd7/Chrome_7bf77fbdd7.svg`
   },
   firefox: {
     key: "firefox",
     val: "Firefox",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Firefox_30f3976fb8/Firefox_30f3976fb8.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Firefox_30f3976fb8/Firefox_30f3976fb8.svg`
   },
   safari: {
     key: "safari",
     val: "Safari",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Safari_254e74ed94/Safari_254e74ed94.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Safari_254e74ed94/Safari_254e74ed94.svg`
   },
   "mobile safari": {
     key: "safari",
     val: "Safari",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Safari_254e74ed94/Safari_254e74ed94.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Safari_254e74ed94/Safari_254e74ed94.svg`
   },
   edge: {
     key: "edge",
     val: "Edge",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Edge_23add4a83f/Edge_23add4a83f.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Edge_23add4a83f/Edge_23add4a83f.svg`
   },
   opera: {
     key: "opera",
     val: "Opera",
-    icon: "".concat(CMS_MEDIA_SERVER, "cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg")
+    icon: `${CMS_MEDIA_SERVER}cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg`
   }
 };
 var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React191.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React191.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React191.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React191.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React191.createElement(Text, null, value)));
@@ -34095,14 +34114,14 @@ var BrowserTest = () => {
     {
       title: "Browser",
       iconURL: parsedUserAgent4.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = parsedUserAgent4.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
-      value: "".concat(parsedUserAgent4.getBrowser().name, " ").concat(parsedUserAgent4.getBrowser().version)
+      value: `${parsedUserAgent4.getBrowser().name} ${parsedUserAgent4.getBrowser().version}`
     }
   ), /* @__PURE__ */ React191.createElement(
     CheckDetails,
     {
       title: "Operating system",
       iconURL: parsedUserAgent4.getOS().name && ((_d = operatingSystemIconInfo[(_c = parsedUserAgent4.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
-      value: "".concat(parsedUserAgent4.getOS().name, " ").concat(parsedUserAgent4.getOS().version)
+      value: `${parsedUserAgent4.getOS().name} ${parsedUserAgent4.getOS().version}`
     }
   )), /* @__PURE__ */ React191.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
 };
@@ -34190,7 +34209,7 @@ var MediaServerResult = ({ result }) => {
       DetailedInfo,
       {
         title: "Connection Quality Score (CQS)",
-        value: "".concat(result.connectionQualityScore.toFixed(2), " (out of 5)")
+        value: `${result.connectionQualityScore.toFixed(2)} (out of 5)`
       }
     ) : null)
   );
@@ -34206,10 +34225,10 @@ var SignallingResult = ({ result }) => {
   ), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
 };
 var AudioStats = ({ stats }) => {
-  return /* @__PURE__ */ React192.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React192.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Round Trip Time", value: "".concat(stats.roundTripTime, " ms") })));
+  return /* @__PURE__ */ React192.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React192.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
 };
 var VideoStats = ({ stats }) => {
-  return /* @__PURE__ */ React192.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React192.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Round Trip Time", value: "".concat(stats.roundTripTime, " ms") })));
+  return /* @__PURE__ */ React192.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React192.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
 };
 var Footer3 = ({
   error,
@@ -34239,7 +34258,7 @@ var ConnectivityTestReport = ({
         variant: "body2",
         css: { c: "$on_primary_medium", mt: "$4" }
       },
-      "".concat(ConnectivityStateMessage[progress], "...")
+      `${ConnectivityStateMessage[progress]}...`
     ));
   }
   return null;
@@ -34325,7 +34344,7 @@ var downloadJson = (obj, fileName) => {
     type: "application/json"
   });
   a2.href = URL.createObjectURL(file);
-  a2.download = "".concat(fileName, ".json");
+  a2.download = `${fileName}.json`;
   a2.click();
 };
 
@@ -34625,4 +34644,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-7Y75TGU3.js.map
+//# sourceMappingURL=chunk-5XRSIFEH.js.map