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

package/dist/index.cjs.js

@@ -109,7 +109,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_a9231262-c43b-4702-9c0a-e69a900cad5d", 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.14", 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.14", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_a9231262-c43b-4702-9c0a-e69a900cad5d", 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.14", 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: "598", 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: "20240825.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:17098", 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.14", 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: "10701052357", 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: "99c54d70e77c7d9ccd39fcd222a3c964b39bbd47", 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: "932bff7c9ae0343ffe64dbcd08acc935488cb25b2d3159a3a2fcaf6dcfebf81e", 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--1725450741922-0.19475064438572476:/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--1725450741729-0.8597293028625344:/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--1725450716233-0.9968300638898722:/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--1725450716056-0.4577313543264976:/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_1fa375d2-b62a-42e6-a4c9-b093ae1aa7a4", INVOCATION_ID: "03457e51bfa44d3494d3172b765537a3", 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: "657", 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 499", 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.14", 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.14", 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: "99c54d70e77c7d9ccd39fcd222a3c964b39bbd47", 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_a9231262-c43b-4702-9c0a-e69a900cad5d", 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_a9231262-c43b-4702-9c0a-e69a900cad5d", 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_a9231262-c43b-4702-9c0a-e69a900cad5d" };
+    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" };
   }
 });
 
@@ -491,7 +491,7 @@ var init_stitches_config = __esm({
       config
     } = HmsStitches);
     globalStyles = globalCss({
-      ["".concat(DEFAULT_PORTAL_CONTAINER, " *")]: {
+      [`${DEFAULT_PORTAL_CONTAINER} *`]: {
         fontFamily: "$sans",
         boxSizing: "border-box"
       },
@@ -530,7 +530,7 @@ var init_stitches_config = __esm({
         throw new Error("Theme type is required");
       }
       const mergedTheme = (0, import_lodash.default)(baseConfig.theme, theme2 || {});
-      return createThemeBase(className || "".concat(themeType, "-theme"), mergedTheme);
+      return createThemeBase(className || `${themeType}-theme`, mergedTheme);
     };
   }
 });
@@ -652,7 +652,7 @@ var init_Flex = __esm({
       return {
         "& > * + *": {
           marginRight: "0",
-          marginLeft: "".concat(0.25 * value, "rem")
+          marginLeft: `${0.25 * value}rem`
         }
       };
     };
@@ -811,48 +811,48 @@ var init_Button = __esm({
     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}`
         }
       };
     };
     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}`
         }
       };
     };
@@ -1449,15 +1449,15 @@ var init_animations = __esm({
     init_Theme();
     slideDown = (controller) => keyframes({
       from: { height: 0 },
-      to: { height: "var(".concat(controller, ")") }
+      to: { height: `var(${controller})` }
     });
     slideUp = (controller) => keyframes({
-      from: { height: "var(".concat(controller, ")") },
+      from: { height: `var(${controller})` },
       to: { height: 0 }
     });
     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}` }
     });
     dialogOpen = keyframes({
       "0%": { opacity: 0, transform: "translate(-50%, -48%) scale(.90)" },
@@ -1468,11 +1468,11 @@ var init_animations = __esm({
       "100%": { opacity: 0, transform: "translate(-50%, -48%) scale(.90)" }
     });
     slideUpAndFade = (start = "2px") => keyframes({
-      "0%": { opacity: 0, transform: "translateY(".concat(start, ")") },
+      "0%": { opacity: 0, transform: `translateY(${start})` },
       "100%": { opacity: 1, transform: "translateY(0)" }
     });
     slideRightAndFade = (start = "-2px") => keyframes({
-      "0%": { opacity: 0, transform: "translateX(".concat(start, ")") },
+      "0%": { opacity: 0, transform: `translateX(${start})` },
       "100%": { opacity: 1, transform: "translateX(0)" }
     });
     sheetSlideIn = keyframes({
@@ -1492,16 +1492,16 @@ var init_animations = __esm({
       to: { opacity: "0" }
     });
     slideDownAndFade = (start = "-2px") => keyframes({
-      "0%": { opacity: 0, transform: "translateY(".concat(start, ")") },
+      "0%": { opacity: 0, transform: `translateY(${start})` },
       "100%": { opacity: 1, transform: "translateY(0)" }
     });
     slideLeftAndFade = (start = "2px") => keyframes({
-      "0%": { opacity: 0, transform: "translateX(".concat(start, ")") },
+      "0%": { opacity: 0, transform: `translateX(${start})` },
       "100%": { opacity: 1, transform: "translateX(0)" }
     });
     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})` }
     });
     popoverAnimation = {
       "@media (prefers-reduced-motion: no-preference)": {
@@ -1533,7 +1533,7 @@ var init_animations = __esm({
           transition: "transform 200ms ease-out"
         },
         '&[data-swipe="end"]': {
-          animation: "".concat(slideLeftAndFadeOut(), " 100ms ease-out forwards")
+          animation: `${slideLeftAndFadeOut()} 100ms ease-out forwards`
         }
       }
     };
@@ -1734,7 +1734,7 @@ var init_Slider = __esm({
       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" }
@@ -1807,10 +1807,10 @@ var init_DialogContent = __esm({
       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" }
@@ -2623,7 +2623,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]
@@ -2697,7 +2697,7 @@ var init_AudioLevel = __esm({
           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"
@@ -2713,10 +2713,10 @@ var init_AudioLevel = __esm({
           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++;
             }
           }
@@ -2794,7 +2794,7 @@ var init_formatBytes = __esm({
     init_define_process_env();
     formatBytes = (bytes, unit = "B", decimals = 2) => {
       if (bytes === 0) {
-        return "0 ".concat(unit);
+        return `0 ${unit}`;
       }
       if (!bytes) {
         return "-";
@@ -2804,7 +2804,7 @@ var init_formatBytes = __esm({
       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]}`;
     };
   }
 });
@@ -2930,7 +2930,7 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
       return null;
     }
     const layer = stat.rid ? import_react_sdk6.simulcastMapping[stat.rid] : "";
-    return /* @__PURE__ */ import_react22.default.createElement(import_react22.Fragment, { key: "".concat(stat.id).concat(stat.rid) }, layer && /* @__PURE__ */ import_react22.default.createElement(StatsRow, { label: layer.toUpperCase(), value: "" }), /* @__PURE__ */ import_react22.default.createElement(
+    return /* @__PURE__ */ import_react22.default.createElement(import_react22.Fragment, { key: `${stat.id}${stat.rid}` }, layer && /* @__PURE__ */ import_react22.default.createElement(StatsRow, { label: layer.toUpperCase(), value: "" }), /* @__PURE__ */ import_react22.default.createElement(
       StatsRow,
       {
         show: isNotNullishAndNot0(stat.frameWidth),
@@ -2949,7 +2949,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__ */ import_react22.default.createElement(
       StatsRow,
@@ -2978,7 +2978,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__ */ import_react22.default.createElement(
     StatsRow,
@@ -3041,13 +3041,13 @@ var init_Stats = __esm({
       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__ */ import_react22.default.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})`
         }
       );
     };
@@ -3218,9 +3218,9 @@ var init_Toast = __esm({
           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,
@@ -3232,7 +3232,7 @@ var init_Toast = __esm({
           "&:before": {
             content: "none"
           },
-          border: "solid $space$px ".concat(base)
+          border: `solid $space$px ${base}`
         }
       };
     };
@@ -3316,7 +3316,7 @@ var init_Toast = __esm({
         "action",
         "inlineAction"
       ]);
-      return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(ToastRoot, __spreadValues({}, props), /* @__PURE__ */ import_react23.default.createElement(ToastTitle, null, /* @__PURE__ */ import_react23.default.createElement(Flex, { align: "center", css: { gap: "$4", flex: "1 1 0", minWidth: 0 } }, icon ? /* @__PURE__ */ import_react23.default.createElement(Box, { css: { w: "$10", h: "$10", alignSelf: "start", mt: "$2" } }, icon) : null, /* @__PURE__ */ import_react23.default.createElement(Text, { variant: "sub1", css: { c: "inherit", wordBreak: "break-word" } }, title)), isClosable ? /* @__PURE__ */ import_react23.default.createElement(DefaultClose, null) : null, !isClosable && inlineAction && action ? /* @__PURE__ */ import_react23.default.createElement(ToastAction, { altText: "".concat(title, "Action") }, action) : null), description ? /* @__PURE__ */ import_react23.default.createElement(ToastDescription, null, /* @__PURE__ */ import_react23.default.createElement(Text, { variant: "body1", css: { fontWeight: "$regular", c: "$on_surface_medium" } }, description)) : null, !inlineAction && action ? /* @__PURE__ */ import_react23.default.createElement(ToastAction, { altText: "".concat(title, "Action"), css: { mt: "$10" } }, action) : null));
+      return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(ToastRoot, __spreadValues({}, props), /* @__PURE__ */ import_react23.default.createElement(ToastTitle, null, /* @__PURE__ */ import_react23.default.createElement(Flex, { align: "center", css: { gap: "$4", flex: "1 1 0", minWidth: 0 } }, icon ? /* @__PURE__ */ import_react23.default.createElement(Box, { css: { w: "$10", h: "$10", alignSelf: "start", mt: "$2" } }, icon) : null, /* @__PURE__ */ import_react23.default.createElement(Text, { variant: "sub1", css: { c: "inherit", wordBreak: "break-word" } }, title)), isClosable ? /* @__PURE__ */ import_react23.default.createElement(DefaultClose, null) : null, !isClosable && inlineAction && action ? /* @__PURE__ */ import_react23.default.createElement(ToastAction, { altText: `${title}Action` }, action) : null), description ? /* @__PURE__ */ import_react23.default.createElement(ToastDescription, null, /* @__PURE__ */ import_react23.default.createElement(Text, { variant: "body1", css: { fontWeight: "$regular", c: "$on_surface_medium" } }, description)) : null, !inlineAction && action ? /* @__PURE__ */ import_react23.default.createElement(ToastAction, { altText: `${title}Action`, css: { mt: "$10" } }, action) : null));
     };
     Toast = {
       Provider: ToastPrimitives.Provider,
@@ -3388,10 +3388,10 @@ var init_Accordion = __esm({
       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`
       }
     });
     StyledChevron = styled(import_react_icons6.ChevronUpIcon, {
@@ -3777,10 +3777,10 @@ var init_Collapsible = __esm({
       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`
       }
     });
     Collapsible = {
@@ -9734,7 +9734,7 @@ var init_useFetchRoomLayout = __esm({
           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();
@@ -9835,8 +9835,8 @@ var init_utils2 = __esm({
       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}`;
     };
     compareArrays = (a2, b2) => {
       if (a2.length !== b2.length)
@@ -9960,7 +9960,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);
@@ -10310,7 +10310,7 @@ var init_VBHandler = __esm({
           }
           if (effectsSDKKey) {
             try {
-              const effects = yield Promise.resolve().then(() => __toESM(require("@100mslive/hms-virtual-background/hmseffectsplugin")));
+              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");
@@ -11068,7 +11068,7 @@ var init_AuthToken = __esm({
         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;
@@ -11367,10 +11367,10 @@ var init_Sheet = __esm({
       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)`
       }
     });
     StyledContent6 = styled(DialogPrimitive2.Content, {
@@ -11394,10 +11394,10 @@ var init_Sheet = __esm({
       },
       "@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": {
@@ -11476,7 +11476,7 @@ var init_DropdownTrigger = __esm({
         Dropdown.Trigger,
         {
           asChild: true,
-          "data-testid": "".concat(title, "_selector"),
+          "data-testid": `${title}_selector`,
           css: __spreadValues({
             border: "1px solid $border_bright",
             bg: "$surface_bright",
@@ -12309,7 +12309,7 @@ var init_AudioVideoToggle = __esm({
             try {
               yield setNoiseCancellationWithPlugin(true);
               ToastManager.addToast({
-                title: "Noise Reduction Enabled",
+                title: `Noise Reduction Enabled`,
                 variant: "standard",
                 duration: 2e3,
                 icon: /* @__PURE__ */ import_react48.default.createElement(import_react_icons13.AudioLevelIcon, null)
@@ -12330,7 +12330,7 @@ var init_AudioVideoToggle = __esm({
           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__ */ import_react48.default.createElement(import_react_icons13.MicOffIcon, null) : /* @__PURE__ */ import_react48.default.createElement(import_react_icons13.MicOnIcon, null),
           active: isLocalAudioEnabled,
           onClick: toggleAudio,
@@ -12361,7 +12361,7 @@ var init_AudioVideoToggle = __esm({
           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__ */ import_react48.default.createElement(import_react_icons13.VideoOffIcon, null) : /* @__PURE__ */ import_react48.default.createElement(import_react_icons13.VideoOnIcon, null),
           key: "toggleVideo",
@@ -12384,7 +12384,7 @@ var init_AudioVideoToggle = __esm({
               yield actions.switchCamera();
             } catch (e) {
               ToastManager.addToast({
-                title: "Error while flipping camera ".concat(e.message || ""),
+                title: `Error while flipping camera ${e.message || ""}`,
                 variant: "error"
               });
             }
@@ -12978,7 +12978,7 @@ var init_DesktopLeaveRoom = __esm({
           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__ */ import_react57.default.createElement(import_react_icons18.ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
@@ -13003,7 +13003,7 @@ var init_DesktopLeaveRoom = __esm({
           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__ */ import_react57.default.createElement(import_react_icons18.StopIcon, { height: 24, width: 24 }),
@@ -13086,7 +13086,7 @@ var init_MwebLeaveRoom = __esm({
         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__ */ import_react58.default.createElement(import_react_icons19.ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
@@ -13099,7 +13099,7 @@ var init_MwebLeaveRoom = __esm({
         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" } },
@@ -13293,7 +13293,7 @@ var init_PIPComponent = __esm({
       if (!PictureInPicture.isSupported()) {
         return null;
       }
-      return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, content ? /* @__PURE__ */ import_react60.default.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ import_react60.default.createElement(Tooltip, { title: "".concat(isPipOn ? "Deactivate" : "Activate", " picture in picture view") }, /* @__PURE__ */ import_react60.default.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ import_react60.default.createElement(import_react_icons20.PipIcon, null))));
+      return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, content ? /* @__PURE__ */ import_react60.default.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ import_react60.default.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ import_react60.default.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ import_react60.default.createElement(import_react_icons20.PipIcon, null))));
     };
     ActivatedPIP = () => {
       const store = (0, import_react_sdk23.useHMSVanillaStore)();
@@ -13458,7 +13458,7 @@ var init_usePinnedMessages = __esm({
           const peerName = vanillaStore.getState((0, import_react_sdk25.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;
           }
@@ -13819,7 +13819,7 @@ var init_utils3 = __esm({
       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}`;
     };
     CHAT_MESSAGE_LIMIT = 2e3;
   }
@@ -13917,10 +13917,10 @@ var init_ChatBody = __esm({
       const peerName = (0, import_react_sdk28.useHMSStore)((0, import_react_sdk28.selectPeerNameByID)(receiver));
       const localPeerRoleName = (0, import_react_sdk28.useHMSStore)(import_react_sdk28.selectLocalPeerRoleName);
       if (receiver) {
-        return /* @__PURE__ */ import_react68.default.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? "".concat(peerName ? "to ".concat(peerName) : "") : "to You", right: "(DM)" });
+        return /* @__PURE__ */ import_react68.default.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
       }
       if (roles && roles.length) {
-        return /* @__PURE__ */ import_react68.default.createElement(MessageTypeContainer, { left: "to ".concat(hasCurrentUserSent ? roles[0] : localPeerRoleName), right: "(Group)" });
+        return /* @__PURE__ */ import_react68.default.createElement(MessageTypeContainer, { left: `to ${hasCurrentUserSent ? roles[0] : localPeerRoleName}`, right: "(Group)" });
       }
       return null;
     };
@@ -14061,7 +14061,7 @@ var init_ChatBody = __esm({
                     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__ */ import_react68.default.createElement(
                   MessageType,
@@ -14300,7 +14300,7 @@ var init_PIPChat = __esm({
         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,
@@ -14339,7 +14339,7 @@ var init_PIPChat = __esm({
               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__ */ import_react69.default.createElement(
@@ -14620,7 +14620,7 @@ var init_RoleChangeModal = __esm({
                 "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
             );
@@ -14754,7 +14754,7 @@ var init_DialogContent2 = __esm({
     };
     DialogSelect = (_a7) => {
       var _b7 = _a7, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
-      return /* @__PURE__ */ import_react72.default.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ import_react72.default.createElement(Label3, null, title), /* @__PURE__ */ import_react72.default.createElement(Select.Root, __spreadValues({ "data-testid": "dialog_select_".concat(title), css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ import_react72.default.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ import_react72.default.createElement(Select.Select, { onChange: (e) => onChange(e.target.value), value: selected, css: { width: "100%" } }, options.map((option) => {
+      return /* @__PURE__ */ import_react72.default.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ import_react72.default.createElement(Label3, null, title), /* @__PURE__ */ import_react72.default.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ import_react72.default.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ import_react72.default.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__ */ import_react72.default.createElement("option", { value: id, key: id }, label);
@@ -14884,7 +14884,7 @@ var init_ResolutionInput = __esm({
         /* @__PURE__ */ import_react73.default.createElement(Flex, { justify: "between", gap: 2 }, /* @__PURE__ */ import_react73.default.createElement(Flex, { direction: "column", css: { width: "50%" } }, /* @__PURE__ */ import_react73.default.createElement(Text, { variant: "xs" }, "Width"), /* @__PURE__ */ import_react73.default.createElement(
           Input,
           {
-            "data-testid": "".concat(testId, "_width"),
+            "data-testid": `${testId}_width`,
             css: { width: "100%", mt: "$4" },
             name: "resWidth",
             value: resolution.width,
@@ -14898,7 +14898,7 @@ var init_ResolutionInput = __esm({
         )), /* @__PURE__ */ import_react73.default.createElement(Flex, { direction: "column", css: { width: "50%" } }, /* @__PURE__ */ import_react73.default.createElement(Text, { variant: "xs" }, "Height"), /* @__PURE__ */ import_react73.default.createElement(
           Input,
           {
-            "data-testid": "".concat(testId, "_height"),
+            "data-testid": `${testId}_height`,
             css: { width: "100%", mt: "$4" },
             name: "resHeight",
             value: resolution.height,
@@ -15075,7 +15075,7 @@ var init_StatsForNerds = __esm({
             return /* @__PURE__ */ import_react75.default.createElement(
               Dropdown.Item,
               {
-                key: "".concat(option.id, "-").concat(option.layer || ""),
+                key: `${option.id}-${option.layer || ""}`,
                 onClick: () => {
                   setSelectedStat(option);
                 },
@@ -15108,7 +15108,7 @@ var init_StatsForNerds = __esm({
                   id: track.id,
                   layer,
                   local: true,
-                  label: "".concat(peerName, " ").concat(track.source, " ").concat(track.type, " - ").concat(layer)
+                  label: `${peerName} ${track.source} ${track.type} - ${layer}`
                 };
               })
             );
@@ -15117,7 +15117,7 @@ var init_StatsForNerds = __esm({
           res.push({
             id: track.id,
             local: isLocalTrack,
-            label: "".concat(peerName, " ").concat(track.source, " ").concat(track.type)
+            label: `${peerName} ${track.source} ${track.type}`
           });
           return res;
         }, []),
@@ -15141,7 +15141,7 @@ var init_StatsForNerds = __esm({
         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`
         }
       ));
     };
@@ -15168,7 +15168,7 @@ var init_StatsForNerds = __esm({
         StatsRow2,
         {
           label: "Round Trip Time",
-          value: stats.roundTripTime ? "".concat((stats.roundTripTime * 1e3).toFixed(3), " ms") : "-"
+          value: stats.roundTripTime ? `${(stats.roundTripTime * 1e3).toFixed(3)} ms` : "-"
         }
       ));
     };
@@ -15399,7 +15399,7 @@ var init_CaptionContent = __esm({
                     });
                     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__ */ import_react77.default.createElement(Loading, { color: "currentColor" })
@@ -15412,7 +15412,7 @@ var init_CaptionContent = __esm({
                     mode: import_react_sdk34.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__ */ import_react77.default.createElement(Loading, { color: "currentColor" })
@@ -15420,7 +15420,7 @@ var init_CaptionContent = __esm({
                   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__ */ import_react77.default.createElement(import_react_icons30.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
                   });
@@ -15981,7 +15981,7 @@ var init_DesktopOptions = __esm({
                 },
                 /* @__PURE__ */ import_react87.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react87.default.createElement(import_react_icons33.CheckIcon, { width: 16, height: 16 }))
               ),
-              /* @__PURE__ */ import_react87.default.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react87.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), /* @__PURE__ */ import_react87.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "".concat(isMacOS ? "\u2318" : "ctrl", " + ]")))
+              /* @__PURE__ */ import_react87.default.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react87.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), /* @__PURE__ */ import_react87.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`))
             );
           }).otherwise(() => /* @__PURE__ */ import_react87.default.createElement(
             Dropdown.Item,
@@ -19610,9 +19610,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) {
@@ -21573,12 +21573,8 @@ 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, "_");
@@ -21673,7 +21669,7 @@ var init_dist = __esm({
       n((t = t.apply(a2, e)).next());
     });
     yr = ro((Dc, ho) => {
-      ho.exports = { version: "0.12.19-alpha.14", 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"] };
     });
     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 || {});
     so = ((e) => (e.CHAT = "chat", e))(so || {});
@@ -21776,34 +21772,42 @@ var init_dist = __esm({
       }
       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};
+    }`;
       }
     };
     uo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
     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 = "") {
@@ -21813,31 +21817,31 @@ var init_dist = __esm({
     }, 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 = "") {
@@ -21847,13 +21851,13 @@ var init_dist = __esm({
     } }, 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 = "") {
@@ -21951,7 +21955,7 @@ var init_dist = __esm({
       return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), e.set(a2)), a2;
     };
     Is = yr().version;
-    As = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => "".concat(t, ":").concat(a2[t])).join(e);
+    As = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
     H = class {
       constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
         this.metadata = { peer: {}, userAgent: vt() };
@@ -22001,7 +22005,7 @@ var init_dist = __esm({
         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) {
@@ -22047,11 +22051,10 @@ var init_dist = __esm({
         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);
@@ -22079,7 +22082,7 @@ var init_dist = __esm({
           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() || {};
@@ -22590,7 +22593,7 @@ var init_dist = __esm({
           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;
@@ -22625,10 +22628,10 @@ var init_dist = __esm({
       }
       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;
@@ -24077,7 +24080,7 @@ var init_ScreenShareToggle = __esm({
             yield requestPermission();
           })
         },
-        /* @__PURE__ */ import_react102.default.createElement(Tooltip, { title: "".concat(!isVideoScreenshare ? "Start" : "Stop", " screen sharing") }, /* @__PURE__ */ import_react102.default.createElement(Box, null, /* @__PURE__ */ import_react102.default.createElement(import_react_icons41.ShareScreenIcon, null)))
+        /* @__PURE__ */ import_react102.default.createElement(Tooltip, { title: `${!isVideoScreenshare ? "Start" : "Stop"} screen sharing` }, /* @__PURE__ */ import_react102.default.createElement(Box, null, /* @__PURE__ */ import_react102.default.createElement(import_react_icons41.ShareScreenIcon, null)))
       ), /* @__PURE__ */ import_react102.default.createElement(ShareScreenOptions, null)));
     };
   }
@@ -24147,7 +24150,7 @@ var init_ChatToggle = __esm({
             position: "relative"
           }
         },
-        /* @__PURE__ */ import_react104.default.createElement(Tooltip, { key: "chat", title: "".concat(isChatOpen ? "Close" : "Open", " chat") }, /* @__PURE__ */ import_react104.default.createElement(
+        /* @__PURE__ */ import_react104.default.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ import_react104.default.createElement(
           IconButton_default,
           {
             onClick: () => onClick ? onClick() : toggleChat(),
@@ -24624,7 +24627,7 @@ var init_RoleAccordion = __esm({
       return /* @__PURE__ */ import_react108.default.createElement(Accordion.Item, { value: roleName, css: { "&:hover .role_actions": { visibility: "visible" }, mb: "$8" }, ref }, /* @__PURE__ */ import_react108.default.createElement(
         Accordion.Header,
         {
-          chevronID: "role_accordion_btn_".concat(roleName),
+          chevronID: `role_accordion_btn_${roleName}`,
           iconStyles: { c: "$on_surface_high" },
           css: {
             textTransform: "capitalize",
@@ -24648,7 +24651,7 @@ var init_RoleAccordion = __esm({
           },
           roleName,
           " ",
-          "(".concat(getFormattedCount(isLargeRoom && isOffStageRole ? total : peerList.length), ")")
+          `(${getFormattedCount(isLargeRoom && isOffStageRole ? total : peerList.length)})`
         ), /* @__PURE__ */ import_react108.default.createElement(RoleOptions, { roleName, peerList: peersInAccordion }))
       ), /* @__PURE__ */ import_react108.default.createElement(Accordion.Content, { contentStyles: { border: "1px solid $border_default", borderTop: "none" } }, /* @__PURE__ */ import_react108.default.createElement(
         import_react_window2.FixedSizeList,
@@ -25159,7 +25162,7 @@ var init_PollsToggle = __esm({
           setUnreadPollQuiz(false);
         }
       }, [isPollsOpen, unreadPollQuiz, setUnreadPollQuiz]);
-      return /* @__PURE__ */ import_react112.default.createElement(Tooltip, { key: "polls", title: "".concat(isPollsOpen ? "Close" : "Open", " polls and quizzes") }, /* @__PURE__ */ import_react112.default.createElement(
+      return /* @__PURE__ */ import_react112.default.createElement(Tooltip, { key: "polls", title: `${isPollsOpen ? "Close" : "Open"} polls and quizzes` }, /* @__PURE__ */ import_react112.default.createElement(
         IconButton_default,
         {
           onClick: () => {
@@ -25198,7 +25201,7 @@ var init_WhiteboardToggle = __esm({
         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__ */ import_react113.default.createElement(
           IconButton_default,
@@ -25428,7 +25431,7 @@ var init_Common = __esm({
             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"
@@ -25592,7 +25595,7 @@ var init_PollsQuizMenu = __esm({
           onClick: () => setInteractionType("Quiz" /* QUIZ */),
           active: interactionType === "Quiz" /* QUIZ */
         }
-      )), /* @__PURE__ */ import_react118.default.createElement(Flex, { direction: "column", css: { mb: "$10" } }, /* @__PURE__ */ import_react118.default.createElement(Text, { variant: "body2", css: { mb: "$4" } }, "Name this ".concat(interactionType.toLowerCase())), /* @__PURE__ */ import_react118.default.createElement(
+      )), /* @__PURE__ */ import_react118.default.createElement(Flex, { direction: "column", css: { mb: "$10" } }, /* @__PURE__ */ import_react118.default.createElement(Text, { variant: "body2", css: { mb: "$4" } }, `Name this ${interactionType.toLowerCase()}`), /* @__PURE__ */ import_react118.default.createElement(
         Input,
         {
           ref: inputRef,
@@ -25772,7 +25775,7 @@ var init_OptionInputWithDelete = __esm({
       return /* @__PURE__ */ import_react121.default.createElement(import_react121.default.Fragment, null, /* @__PURE__ */ import_react121.default.createElement(
         Input,
         {
-          placeholder: "Option ".concat(index + 1),
+          placeholder: `Option ${index + 1}`,
           css: {
             w: "100%",
             backgroundColor: "$surface_bright",
@@ -25817,7 +25820,7 @@ var init_VoteProgress = __esm({
         Progress.Content,
         {
           style: {
-            transform: "translateX(-".concat(100 - progressValue, "%)")
+            transform: `translateX(-${100 - progressValue}%)`
           }
         }
       )) : null;
@@ -25861,10 +25864,10 @@ var init_MultipleChoiceOptions = __esm({
       };
       return /* @__PURE__ */ import_react124.default.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
         var _a7;
-        return /* @__PURE__ */ import_react124.default.createElement(Flex, { align: "center", key: "".concat(questionIndex, "-").concat(option.index), css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ import_react124.default.createElement(
+        return /* @__PURE__ */ import_react124.default.createElement(Flex, { align: "center", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ import_react124.default.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),
@@ -25874,7 +25877,7 @@ var init_MultipleChoiceOptions = __esm({
             }
           },
           /* @__PURE__ */ import_react124.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react124.default.createElement(import_react_icons55.CheckIcon, { width: 16, height: 16 }))
-        ) : null, isStopped && (correctOptionIndexes == null ? void 0 : correctOptionIndexes.includes(option.index)) ? /* @__PURE__ */ import_react124.default.createElement(Flex, { align: "center", css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react124.default.createElement(import_react_icons55.CheckCircleIcon, { height: 20, width: 20 })) : null, /* @__PURE__ */ import_react124.default.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ import_react124.default.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ import_react124.default.createElement(Text, { css: { display: "flex", flexGrow: "1" } }, /* @__PURE__ */ import_react124.default.createElement(Label3, { htmlFor: "".concat(questionIndex, "-").concat(option.index) }, option.text)), showVoteCount && /* @__PURE__ */ import_react124.default.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ import_react124.default.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.options.includes(option.index)) ? /* @__PURE__ */ import_react124.default.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__ */ import_react124.default.createElement(Flex, { align: "center", css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react124.default.createElement(import_react_icons55.CheckCircleIcon, { height: 20, width: 20 })) : null, /* @__PURE__ */ import_react124.default.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ import_react124.default.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ import_react124.default.createElement(Text, { css: { display: "flex", flexGrow: "1" } }, /* @__PURE__ */ import_react124.default.createElement(Label3, { htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ import_react124.default.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ import_react124.default.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.options.includes(option.index)) ? /* @__PURE__ */ import_react124.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
       }));
     };
     MultipleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
@@ -25929,7 +25932,7 @@ var init_SingleChoiceOptions = __esm({
       localPeerResponse
     }) => {
       return /* @__PURE__ */ import_react125.default.createElement(RadioGroup.Root, { value: localPeerResponse == null ? void 0 : localPeerResponse.option, onValueChange: (value) => setAnswer(value) }, /* @__PURE__ */ import_react125.default.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
-        return /* @__PURE__ */ import_react125.default.createElement(Flex, { align: "center", key: "".concat(questionIndex, "-").concat(option.index), css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ import_react125.default.createElement(
+        return /* @__PURE__ */ import_react125.default.createElement(Flex, { align: "center", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$4" } }, !isStopped || !isQuiz ? /* @__PURE__ */ import_react125.default.createElement(
           RadioGroup.Item,
           {
             css: {
@@ -25951,7 +25954,7 @@ var init_SingleChoiceOptions = __esm({
             },
             disabled: !canRespond,
             value: option.index,
-            id: "".concat(questionIndex, "-").concat(option.index)
+            id: `${questionIndex}-${option.index}`
           },
           /* @__PURE__ */ import_react125.default.createElement(
             RadioGroup.Indicator,
@@ -25964,13 +25967,13 @@ var init_SingleChoiceOptions = __esm({
               }
             }
           )
-        ) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ import_react125.default.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react125.default.createElement(import_react_icons56.CheckCircleIcon, { height: 20, width: 20 })) : null, /* @__PURE__ */ import_react125.default.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ import_react125.default.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ import_react125.default.createElement(Text, { css: { display: "flex", flexGrow: "1", color: "$on_surface_high" } }, /* @__PURE__ */ import_react125.default.createElement(Label3, { style: { color: "inherit" }, htmlFor: "".concat(questionIndex, "-").concat(option.index) }, option.text)), showVoteCount && /* @__PURE__ */ import_react125.default.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ import_react125.default.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.option) === option.index ? /* @__PURE__ */ import_react125.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
+        ) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ import_react125.default.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react125.default.createElement(import_react_icons56.CheckCircleIcon, { height: 20, width: 20 })) : null, /* @__PURE__ */ import_react125.default.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ import_react125.default.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ import_react125.default.createElement(Text, { css: { display: "flex", flexGrow: "1", color: "$on_surface_high" } }, /* @__PURE__ */ import_react125.default.createElement(Label3, { style: { color: "inherit" }, htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ import_react125.default.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ import_react125.default.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.option) === option.index ? /* @__PURE__ */ import_react125.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
       })));
     };
     SingleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
       const correctOptionIndex = options.findIndex((option) => option.isCorrectAnswer);
       return /* @__PURE__ */ import_react125.default.createElement(RadioGroup.Root, { value: correctOptionIndex, onValueChange: selectAnswer }, /* @__PURE__ */ import_react125.default.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option, index) => {
-        return /* @__PURE__ */ import_react125.default.createElement(Flex, { align: "center", key: "option-".concat(index), css: { w: "100%", gap: "$4" } }, isQuiz && /* @__PURE__ */ import_react125.default.createElement(
+        return /* @__PURE__ */ import_react125.default.createElement(Flex, { align: "center", key: `option-${index}`, css: { w: "100%", gap: "$4" } }, isQuiz && /* @__PURE__ */ import_react125.default.createElement(
           RadioGroup.Item,
           {
             css: {
@@ -26198,7 +26201,7 @@ var init_QuestionForm = __esm({
         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__ */ import_react126.default.createElement(
@@ -26274,7 +26277,7 @@ var init_SavedQuestion = __esm({
         }
         return updatedAnswerArray;
       }, [question == null ? void 0 : question.answer]);
-      return /* @__PURE__ */ import_react127.default.createElement(import_react127.default.Fragment, null, /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "overline", css: { c: "$on_surface_low", textTransform: "uppercase" } }, "Question ", index + 1, " of ", length, ": ", QUESTION_TYPE_TITLE[question.type]), /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "body2", css: { mt: "$4", mb: "$md" } }, question.text), (_a7 = question.options) == null ? void 0 : _a7.map((option, index2) => /* @__PURE__ */ import_react127.default.createElement(Flex, { key: "".concat(option.text, "-").concat(index2), css: { alignItems: "center", my: "$xs" } }, /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, option.text), (answerArray.includes(index2 + 1) || option.isCorrectAnswer) && /* @__PURE__ */ import_react127.default.createElement(Flex, { css: { color: "$alert_success", mx: "$xs" } }, /* @__PURE__ */ import_react127.default.createElement(import_react_icons58.CheckCircleIcon, { height: 24, width: 24 })))), question.skippable ? /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", my: "$md" } }, "Not required to answer") : null, /* @__PURE__ */ import_react127.default.createElement(Flex, { justify: "end", css: { w: "100%", alignItems: "center" } }, /* @__PURE__ */ import_react127.default.createElement(Button, { variant: "standard", css: { fontWeight: "$semiBold" }, onClick: () => convertToDraft(question.draftID) }, "Edit")));
+      return /* @__PURE__ */ import_react127.default.createElement(import_react127.default.Fragment, null, /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "overline", css: { c: "$on_surface_low", textTransform: "uppercase" } }, "Question ", index + 1, " of ", length, ": ", QUESTION_TYPE_TITLE[question.type]), /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "body2", css: { mt: "$4", mb: "$md" } }, question.text), (_a7 = question.options) == null ? void 0 : _a7.map((option, index2) => /* @__PURE__ */ import_react127.default.createElement(Flex, { key: `${option.text}-${index2}`, css: { alignItems: "center", my: "$xs" } }, /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, option.text), (answerArray.includes(index2 + 1) || option.isCorrectAnswer) && /* @__PURE__ */ import_react127.default.createElement(Flex, { css: { color: "$alert_success", mx: "$xs" } }, /* @__PURE__ */ import_react127.default.createElement(import_react_icons58.CheckCircleIcon, { height: 24, width: 24 })))), question.skippable ? /* @__PURE__ */ import_react127.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", my: "$md" } }, "Not required to answer") : null, /* @__PURE__ */ import_react127.default.createElement(Flex, { justify: "end", css: { w: "100%", alignItems: "center" } }, /* @__PURE__ */ import_react127.default.createElement(Button, { variant: "standard", css: { fontWeight: "$semiBold" }, onClick: () => convertToDraft(question.draftID) }, "Edit")));
     };
   }
 });
@@ -26301,7 +26304,7 @@ function CreateQuestions() {
       try {
         yield actions.sendHLSTimedMetadata([
           {
-            payload: "poll:".concat(poll_id),
+            payload: `poll:${poll_id}`,
             duration: 100
           }
         ]);
@@ -26419,15 +26422,15 @@ var init_utils5 = __esm({
       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;
     };
   }
@@ -26574,11 +26577,11 @@ var init_PeerParticipationSummary = __esm({
       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) },
@@ -26593,7 +26596,7 @@ var init_PeerParticipationSummary = __esm({
         { 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__ */ import_react132.default.createElement(Box, null, /* @__PURE__ */ import_react132.default.createElement(Text, { css: { fontWeight: "$semiBold", my: "$8" } }, "Participation Summary"), /* @__PURE__ */ import_react132.default.createElement(Box, { css: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "$4" } }, boxes.map((box) => /* @__PURE__ */ import_react132.default.createElement(StatisticBox, { key: box.title, title: box.title, value: box.value }))));
@@ -26785,7 +26788,7 @@ var init_QuestionCard = __esm({
             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__ */ import_react134.default.createElement(Flex, { align: "center", justify: "between" }, /* @__PURE__ */ import_react134.default.createElement(
@@ -26905,7 +26908,7 @@ var init_StandardVoting = __esm({
             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,
@@ -27312,7 +27315,7 @@ var init_ChatSelector = __esm({
           icon,
           value
         ),
-        /* @__PURE__ */ import_react143.default.createElement(Flex, { align: "center", css: { ml: "auto", color: "$on_primary_high" } }, unreadCount > 0 && /* @__PURE__ */ import_react143.default.createElement(Tooltip, { title: "".concat(unreadCount, " unread") }, /* @__PURE__ */ import_react143.default.createElement(Box, { css: { mr: active ? "$3" : 0 } }, /* @__PURE__ */ import_react143.default.createElement(ChatDotIcon, null))), active && /* @__PURE__ */ import_react143.default.createElement(import_react_icons66.CheckIcon, { width: 16, height: 16 }))
+        /* @__PURE__ */ import_react143.default.createElement(Flex, { align: "center", css: { ml: "auto", color: "$on_primary_high" } }, unreadCount > 0 && /* @__PURE__ */ import_react143.default.createElement(Tooltip, { title: `${unreadCount} unread` }, /* @__PURE__ */ import_react143.default.createElement(Box, { css: { mr: active ? "$3" : 0 } }, /* @__PURE__ */ import_react143.default.createElement(ChatDotIcon, null))), active && /* @__PURE__ */ import_react143.default.createElement(import_react_icons66.CheckIcon, { width: 16, height: 16 }))
       );
     };
     SelectorHeader = import_react143.default.memo(
@@ -27620,7 +27623,22 @@ var init_useEmojiPickerStyles = __esm({
             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);
         }
@@ -27730,15 +27748,15 @@ var init_ChatFooter = __esm({
       }, [defaultSelection, selectedPeer, selectedRole, setRoleSelector, isMobile, isLandscapeHLSStream, elements == null ? void 0 : elements.chat]);
       const resetInputHeight = (0, import_react147.useCallback)(() => {
         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 = (0, import_react147.useCallback)(() => {
         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 = (0, import_react147.useCallback)(() => __async(void 0, null, function* () {
@@ -27763,7 +27781,7 @@ var init_ChatFooter = __esm({
         } 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]);
@@ -27873,7 +27891,7 @@ var init_ChatFooter = __esm({
           {
             onSelect: (emoji) => {
               if (inputRef.current) {
-                inputRef.current.value += " ".concat(emoji.native, " ");
+                inputRef.current.value += ` ${emoji.native} `;
               }
             }
           }
@@ -28424,7 +28442,7 @@ var init_PaginatedParticipants = __esm({
           "data-testid": "close_sidepane"
         },
         /* @__PURE__ */ import_react154.default.createElement(import_react_icons72.CrossIcon, null)
-      )), /* @__PURE__ */ import_react154.default.createElement(ParticipantSearch, { onSearch: (search2) => setSearch(search2), placeholder: "Search for ".concat(roleName) }), /* @__PURE__ */ import_react154.default.createElement(Flex, { direction: "column", css: { border: "1px solid $border_default", borderRadius: "$1", flex: "1 1 0" } }, /* @__PURE__ */ import_react154.default.createElement(Flex, { align: "center", css: { height: ROW_HEIGHT, borderBottom: "1px solid $border_default", px: "$8" } }, /* @__PURE__ */ import_react154.default.createElement(Text, { css: { fontSize: "$space$7" } }, roleName, "(", getFormattedCount(peers.length), "/", getFormattedCount(total), ")")), /* @__PURE__ */ import_react154.default.createElement(Box, { css: { flex: "1 1 0", overflowY: "auto", overflowX: "hidden", mr: "-$10" } }, /* @__PURE__ */ import_react154.default.createElement(
+      )), /* @__PURE__ */ import_react154.default.createElement(ParticipantSearch, { onSearch: (search2) => setSearch(search2), placeholder: `Search for ${roleName}` }), /* @__PURE__ */ import_react154.default.createElement(Flex, { direction: "column", css: { border: "1px solid $border_default", borderRadius: "$1", flex: "1 1 0" } }, /* @__PURE__ */ import_react154.default.createElement(Flex, { align: "center", css: { height: ROW_HEIGHT, borderBottom: "1px solid $border_default", px: "$8" } }, /* @__PURE__ */ import_react154.default.createElement(Text, { css: { fontSize: "$space$7" } }, roleName, "(", getFormattedCount(peers.length), "/", getFormattedCount(total), ")")), /* @__PURE__ */ import_react154.default.createElement(Box, { css: { flex: "1 1 0", overflowY: "auto", overflowX: "hidden", mr: "-$10" } }, /* @__PURE__ */ import_react154.default.createElement(
         import_react_window3.VariableSizeList,
         {
           itemSize: (index) => index === filteredPeers.length + 1 ? 16 : ROW_HEIGHT,
@@ -29077,7 +29095,7 @@ var init_TileMenu2 = __esm({
         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
         },
@@ -29096,7 +29114,7 @@ var init_TileMenu2 = __esm({
             borderBottom: "1px solid $border_default"
           }
         },
-        /* @__PURE__ */ import_react159.default.createElement(Box, null, /* @__PURE__ */ import_react159.default.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__ */ import_react159.default.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
+        /* @__PURE__ */ import_react159.default.createElement(Box, null, /* @__PURE__ */ import_react159.default.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__ */ import_react159.default.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
         /* @__PURE__ */ import_react159.default.createElement(Sheet.Close, { css: { color: "inherit" } }, /* @__PURE__ */ import_react159.default.createElement(import_react_icons77.CrossIcon, null))
       ), /* @__PURE__ */ import_react159.default.createElement(Box, { css: { px: "$8", pb: "$8", maxHeight: "80vh", overflowY: "auto" } }, /* @__PURE__ */ import_react159.default.createElement(TileMenuContent, __spreadProps(__spreadValues({}, props), { closeSheetOnClick: () => setOpen(false) }))))) : /* @__PURE__ */ import_react159.default.createElement(StyledMenuTile.Content, { side: "top", align: "end", css: { maxHeight: "$80", overflowY: "auto" } }, /* @__PURE__ */ import_react159.default.createElement(TileMenuContent, __spreadValues({}, props)))), showNameChangeModal && /* @__PURE__ */ import_react159.default.createElement(ChangeNameModal, { onOpenChange: setShowNameChangeModal }), showRoleChangeModal && /* @__PURE__ */ import_react159.default.createElement(RoleChangeModal, { peerId: peerID, onOpenChange: setShowRoleChangeModal }));
     };
@@ -29113,11 +29131,11 @@ var init_peerTileUtils = __esm({
     PEER_NAME_PLACEHOLDER = "peerName";
     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}`]
     ]);
     getVideoTileLabel = ({ peerName, isLocal, track }) => {
       const isPeerPresent = peerName !== void 0;
@@ -29129,9 +29147,9 @@ var init_peerTileUtils = __esm({
       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)" : ""}`;
     };
   }
 });
@@ -29220,7 +29238,7 @@ var init_VideoTile2 = __esm({
             width,
             height
           }, rootCSS),
-          "data-testid": "participant_tile_".concat(peerName)
+          "data-testid": `participant_tile_${peerName}`
         },
         peerName !== void 0 ? /* @__PURE__ */ import_react160.default.createElement(
           StyledVideoTile.Container,
@@ -29322,10 +29340,10 @@ var init_VBOption = __esm({
           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();
         })
@@ -29370,7 +29388,7 @@ var init_VBCollection = __esm({
           VBOption.Root,
           __spreadProps(__spreadValues({
             key: option.value,
-            testid: option.value === import_hmsvbplugin3.HMSVirtualBackgroundTypes.IMAGE ? "virtual_bg_option-".concat(index) : option.value
+            testid: option.value === import_hmsvbplugin3.HMSVirtualBackgroundTypes.IMAGE ? `virtual_bg_option-${index}` : option.value
           }, option), {
             isActive: activeBackground === option.value
           }),
@@ -29634,7 +29652,7 @@ var init_SidePane = __esm({
       },
       "@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: {
@@ -29965,7 +29983,7 @@ var init_PreviewJoin = __esm({
         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`;
     };
     useLocalTileAspectRatio = () => {
       const localPeer = (0, import_react_sdk85.useHMSStore)(import_react_sdk85.selectLocalPeer);
@@ -30053,7 +30071,7 @@ var init_PreviewJoin = __esm({
           textColor: "#FFF",
           icon: /* @__PURE__ */ import_react168.default.createElement(Box, { css: { h: "$sm", w: "$sm", backgroundColor: "$on_primary_high", borderRadius: "$round" } })
         }
-      ) : null, /* @__PURE__ */ import_react168.default.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ import_react168.default.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ import_react168.default.createElement(Box, { css: { w: "100%", maxWidth: "".concat(Math.max(aspectRatio, 1) * 340, "px") } }, /* @__PURE__ */ import_react168.default.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ import_react168.default.createElement(
+      ) : null, /* @__PURE__ */ import_react168.default.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ import_react168.default.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ import_react168.default.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 340}px` } }, /* @__PURE__ */ import_react168.default.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ import_react168.default.createElement(
         PreviewForm_default,
         {
           name,
@@ -30413,7 +30431,7 @@ var init_InsetTile = __esm({
         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)`;
             }
           });
         });
@@ -30770,12 +30788,12 @@ var init_ProminenceLayout = __esm({
       }
       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: import_react178.default.Children.count(children) > 0 ? "136px auto" : "154px",
-        gridTemplateColumns: "repeat(".concat(tiles.length, ", minmax(0, 1fr))")
+        gridTemplateColumns: `repeat(${tiles.length}, minmax(0, 1fr))`
       };
       return /* @__PURE__ */ import_react178.default.createElement(
         Box,
@@ -30808,7 +30826,7 @@ var init_ProminenceLayout = __esm({
             }, tileLayoutProps)
           );
         }),
-        children && /* @__PURE__ */ import_react178.default.createElement(Box, { css: { gridColumn: hasSidebar ? 1 : "1/span ".concat(tiles.length) } }, children)
+        children && /* @__PURE__ */ import_react178.default.createElement(Box, { css: { gridColumn: hasSidebar ? 1 : `1/span ${tiles.length}` } }, children)
       );
     };
     ProminenceLayout = {
@@ -31247,7 +31265,7 @@ var init_ScreenshareTile = __esm({
           isFullScreenSupported && isMouseHovered ? /* @__PURE__ */ import_react184.default.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__ */ import_react184.default.createElement(import_react_icons87.ShrinkIcon, null) : /* @__PURE__ */ import_react184.default.createElement(import_react_icons87.ExpandIcon, null)
@@ -31262,7 +31280,7 @@ var init_ScreenshareTile = __esm({
                 h: "$14",
                 right: isFullScreenSupported ? "$17" : "$2",
                 zIndex: 5,
-                bg: "".concat(theme2.colors.background_dim.value, "A3")
+                bg: `${theme2.colors.background_dim.value}A3`
               }
             },
             /* @__PURE__ */ import_react184.default.createElement(LayoutModeSelector, null)
@@ -31356,9 +31374,9 @@ var init_ScreenshareLayout = __esm({
   }
 });
 
-// ../../../../../../../tmp/tmp-2758-MvN6glRj7VBd/191bce0ea971/index.css
-var init_bce0ea971 = __esm({
-  "../../../../../../../tmp/tmp-2758-MvN6glRj7VBd/191bce0ea971/index.css"() {
+// ../../../../../../../tmp/tmp-2788-54Or9FQtFY2o/191bdfb05191/index.css
+var init_bdfb05191 = __esm({
+  "../../../../../../../tmp/tmp-2788-54Or9FQtFY2o/191bdfb05191/index.css"() {
   }
 });
 
@@ -31380,7 +31398,7 @@ var init_WhiteboardLayout = __esm({
     init_ProminenceLayout();
     init_useUISettings();
     init_constants();
-    init_bce0ea971();
+    init_bdfb05191();
     WhiteboardEmbed = () => {
       const isMobile = (0, import_react_use44.useMedia)(config.media.md);
       const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
@@ -31400,7 +31418,7 @@ var init_WhiteboardLayout = __esm({
             }
           }
         },
-        /* @__PURE__ */ import_react186.default.createElement(Box, { css: { size: "100%" } }, /* @__PURE__ */ import_react186.default.createElement(import_hms_whiteboard.Whiteboard, { token, endpoint: "https://".concat(endpoint), zoomToContent }))
+        /* @__PURE__ */ import_react186.default.createElement(Box, { css: { size: "100%" } }, /* @__PURE__ */ import_react186.default.createElement(import_hms_whiteboard.Whiteboard, { token, endpoint: `https://${endpoint}`, zoomToContent }))
       );
     };
     WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
@@ -31721,7 +31739,7 @@ var init_EmbedView = __esm({
             } catch (err) {
               resetConfig();
               ToastManager.addToast({
-                title: "Error while sharing embed url ".concat(err.message || ""),
+                title: `Error while sharing embed url ${err.message || ""}`,
                 variant: "error"
               });
             }
@@ -31791,7 +31809,7 @@ var init_PDFView = __esm({
           } catch (err) {
             resetConfig();
             ToastManager.addToast({
-              title: "Error while sharing annotator ".concat(err.message || ""),
+              title: `Error while sharing annotator ${err.message || ""}`,
               variant: "error"
             });
           }
@@ -32125,10 +32143,10 @@ function HlsStatsOverlay({ hlsStatsState, onClose }) {
       },
       "Stream url"
     ))),
-    /* @__PURE__ */ import_react192.default.createElement(HlsStatsRow, { label: "Video size" }, " ".concat((_a7 = hlsStatsState == null ? void 0 : hlsStatsState.videoSize) == null ? void 0 : _a7.width, "x").concat((_b7 = hlsStatsState == null ? void 0 : hlsStatsState.videoSize) == null ? void 0 : _b7.height)),
+    /* @__PURE__ */ import_react192.default.createElement(HlsStatsRow, { label: "Video size" }, ` ${(_a7 = hlsStatsState == null ? void 0 : hlsStatsState.videoSize) == null ? void 0 : _a7.width}x${(_b7 = hlsStatsState == null ? void 0 : hlsStatsState.videoSize) == null ? void 0 : _b7.height}`),
     /* @__PURE__ */ import_react192.default.createElement(HlsStatsRow, { label: "Buffer duration" }, (_c = hlsStatsState == null ? void 0 : hlsStatsState.bufferedDuration) == null ? void 0 : _c.toFixed(2), " "),
-    /* @__PURE__ */ import_react192.default.createElement(HlsStatsRow, { label: "Connection speed" }, "".concat(((hlsStatsState == null ? void 0 : hlsStatsState.bandwidthEstimate) / (1e3 * 1e3)).toFixed(2), " Mbps")),
-    /* @__PURE__ */ import_react192.default.createElement(HlsStatsRow, { label: "Bitrate" }, "".concat(((hlsStatsState == null ? void 0 : hlsStatsState.bitrate) / (1e3 * 1e3)).toFixed(2), " Mbps")),
+    /* @__PURE__ */ import_react192.default.createElement(HlsStatsRow, { label: "Connection speed" }, `${((hlsStatsState == null ? void 0 : hlsStatsState.bandwidthEstimate) / (1e3 * 1e3)).toFixed(2)} Mbps`),
+    /* @__PURE__ */ import_react192.default.createElement(HlsStatsRow, { label: "Bitrate" }, `${((hlsStatsState == null ? void 0 : hlsStatsState.bitrate) / (1e3 * 1e3)).toFixed(2)} Mbps`),
     /* @__PURE__ */ import_react192.default.createElement(HlsStatsRow, { label: "distance from live" }, getDurationFromSeconds(hlsStatsState.distanceFromLive / 1e3)),
     /* @__PURE__ */ import_react192.default.createElement(HlsStatsRow, { label: "Dropped frames" }, hlsStatsState == null ? void 0 : hlsStatsState.droppedFrames)
   );
@@ -32139,12 +32157,12 @@ function getDurationFromSeconds(timeInSeconds) {
   time = time - hours * 3600;
   const minutes = Math.floor(time / 60);
   const seconds = Math.floor(time - minutes * 60);
-  const prefixedMinutes = "".concat(minutes < 10 ? "0" + minutes : minutes);
-  const prefixedSeconds = "".concat(seconds < 10 ? "0" + seconds : seconds);
-  let videoTimeStr = "".concat(prefixedMinutes, ":").concat(prefixedSeconds);
+  const prefixedMinutes = `${minutes < 10 ? "0" + minutes : minutes}`;
+  const prefixedSeconds = `${seconds < 10 ? "0" + seconds : seconds}`;
+  let videoTimeStr = `${prefixedMinutes}:${prefixedSeconds}`;
   if (hours) {
-    const prefixedHours = "".concat(hours < 10 ? "0" + hours : hours);
-    videoTimeStr = "".concat(prefixedHours, ":").concat(prefixedMinutes, ":").concat(prefixedSeconds);
+    const prefixedHours = `${hours < 10 ? "0" + hours : hours}`;
+    videoTimeStr = `${prefixedHours}:${prefixedMinutes}:${prefixedSeconds}`;
   }
   return videoTimeStr;
 }
@@ -32399,8 +32417,8 @@ var init_PlayPauseSeekControls = __esm({
               bg: "rgba(0, 0, 0, 0.6)",
               r: "$round",
               size: "$24",
-              visibility: hoverControlsVisible.seekBackward ? "" : "hidden",
-              opacity: hoverControlsVisible.seekBackward ? "1" : "0"
+              visibility: hoverControlsVisible.seekBackward ? `` : `hidden`,
+              opacity: hoverControlsVisible.seekBackward ? `1` : "0"
             },
             direction: "column",
             align: "center"
@@ -32413,8 +32431,8 @@ var init_PlayPauseSeekControls = __esm({
             css: {
               bg: "rgba(0, 0, 0, 0.6)",
               r: "$round",
-              visibility: hoverControlsVisible.pausePlay ? "" : "hidden",
-              opacity: hoverControlsVisible.pausePlay ? "1" : "0"
+              visibility: hoverControlsVisible.pausePlay ? `` : `hidden`,
+              opacity: hoverControlsVisible.pausePlay ? `1` : "0"
             }
           },
           /* @__PURE__ */ import_react197.default.createElement(PlayPauseButton, { isPaused, width: 48, height: 48 })
@@ -32425,8 +32443,8 @@ var init_PlayPauseSeekControls = __esm({
               bg: "rgba(0, 0, 0, 0.6)",
               r: "$round",
               size: "$24",
-              visibility: hoverControlsVisible.seekForward ? "" : "hidden",
-              opacity: hoverControlsVisible.seekForward ? "1" : "0"
+              visibility: hoverControlsVisible.seekForward ? `` : `hidden`,
+              opacity: hoverControlsVisible.seekForward ? `1` : "0"
             },
             direction: "column",
             align: "center"
@@ -32447,8 +32465,8 @@ var init_PlayPauseSeekControls = __esm({
             gap: "$2",
             zIndex: 1,
             size: "100%",
-            visibility: showControls ? "" : "hidden",
-            opacity: showControls ? "1" : "0"
+            visibility: showControls ? `` : `hidden`,
+            opacity: showControls ? `1` : "0"
           }
         },
         /* @__PURE__ */ import_react197.default.createElement(
@@ -32456,8 +32474,8 @@ var init_PlayPauseSeekControls = __esm({
           {
             title: "backward",
             css: {
-              visibility: hoverControlsVisible.seekBackward ? "" : "hidden",
-              opacity: hoverControlsVisible.seekBackward ? "1" : "0"
+              visibility: hoverControlsVisible.seekBackward ? `` : `hidden`,
+              opacity: hoverControlsVisible.seekBackward ? `1` : "0"
             }
           },
           /* @__PURE__ */ import_react197.default.createElement(import_react_icons90.BackwardArrowIcon, { width: 32, height: 32 })
@@ -32477,8 +32495,8 @@ var init_PlayPauseSeekControls = __esm({
           {
             title: "forward",
             css: {
-              visibility: hoverControlsVisible.seekForward ? "" : "hidden",
-              opacity: hoverControlsVisible.seekForward ? "1" : "0"
+              visibility: hoverControlsVisible.seekForward ? `` : `hidden`,
+              opacity: hoverControlsVisible.seekForward ? `1` : "0"
             }
           },
           /* @__PURE__ */ import_react197.default.createElement(import_react_icons90.ForwardArrowIcon, { width: 32, height: 32 })
@@ -32498,12 +32516,12 @@ function getDurationFromSeconds2(timeInSeconds) {
   time = time - hours * 3600;
   const minutes = Math.floor(time / 60);
   const seconds = Math.floor(time - minutes * 60);
-  const prefixedMinutes = "".concat(minutes < 10 ? "0".concat(minutes) : minutes);
-  const prefixedSeconds = "".concat(seconds < 10 ? "0".concat(seconds) : seconds);
-  let videoTimeStr = "".concat(prefixedMinutes, ":").concat(prefixedSeconds);
+  const prefixedMinutes = `${minutes < 10 ? `0${minutes}` : minutes}`;
+  const prefixedSeconds = `${seconds < 10 ? `0${seconds}` : seconds}`;
+  let videoTimeStr = `${prefixedMinutes}:${prefixedSeconds}`;
   if (hours) {
-    const prefixedHours = "".concat(hours < 10 ? "0".concat(hours) : hours);
-    videoTimeStr = "".concat(prefixedHours, ":").concat(prefixedMinutes, ":").concat(prefixedSeconds);
+    const prefixedHours = `${hours < 10 ? `0${hours}` : hours}`;
+    videoTimeStr = `${prefixedHours}:${prefixedMinutes}:${prefixedSeconds}`;
   }
   return videoTimeStr;
 }
@@ -32598,7 +32616,7 @@ var init_VideoProgress = __esm({
             cursor: "pointer",
             h: "$2",
             zIndex: 1,
-            transition: "all .2s ease .5s"
+            transition: `all .2s ease .5s`
           },
           min: 0,
           max: 100,
@@ -32616,10 +32634,10 @@ var init_VideoProgress = __esm({
           id: "video-buffer",
           css: {
             h: "$2",
-            width: "".concat(bufferProgress - videoProgress, "%"),
+            width: `${bufferProgress - videoProgress}%`,
             background: "$on_surface_high",
             position: "absolute",
-            left: "".concat(videoProgress, "%"),
+            left: `${videoProgress}%`,
             opacity: "25%"
           }
         }
@@ -32741,7 +32759,7 @@ var init_VolumeControl = __esm({
               "@xs": { w: "$14" },
               opacity: showSlider ? "1" : "0",
               display: showSlider ? "" : "none",
-              transition: "all .2s ease .5s"
+              transition: `all .2s ease .5s`
             },
             min: 0,
             max: 100,
@@ -32805,7 +32823,7 @@ var init_FullscreenButton = __esm({
     import_react_icons92 = require("@100mslive/react-icons");
     init_src();
     FullScreenButton2 = ({ isFullScreen, onToggle }) => {
-      return /* @__PURE__ */ import_react201.default.createElement(Tooltip, { title: "".concat(isFullScreen ? "Exit" : "Go", " fullscreen"), side: "top" }, /* @__PURE__ */ import_react201.default.createElement(IconButton, { css: { margin: "0px" }, onClick: onToggle, key: "fullscreen_btn", "data-testid": "fullscreen_btn" }, /* @__PURE__ */ import_react201.default.createElement(Flex, null, isFullScreen ? /* @__PURE__ */ import_react201.default.createElement(import_react_icons92.ShrinkIcon, null) : /* @__PURE__ */ import_react201.default.createElement(import_react_icons92.ExpandIcon, null))));
+      return /* @__PURE__ */ import_react201.default.createElement(Tooltip, { title: `${isFullScreen ? "Exit" : "Go"} fullscreen`, side: "top" }, /* @__PURE__ */ import_react201.default.createElement(IconButton, { css: { margin: "0px" }, onClick: onToggle, key: "fullscreen_btn", "data-testid": "fullscreen_btn" }, /* @__PURE__ */ import_react201.default.createElement(Flex, null, isFullScreen ? /* @__PURE__ */ import_react201.default.createElement(import_react_icons92.ShrinkIcon, null) : /* @__PURE__ */ import_react201.default.createElement(import_react_icons92.ExpandIcon, null))));
     };
   }
 });
@@ -33114,8 +33132,8 @@ var init_HLSQualitySelector = __esm({
     init_Sheet2();
     init_Theme();
     init_hooks();
-    getQualityText = (layer) => "".concat(Math.min(layer.height || 0, layer.width || 0), "p ");
-    getBitrateText = (layer) => "(".concat((Number(layer.bitrate / 1e3) / 1e3).toFixed(2), " Mbps)");
+    getQualityText = (layer) => `${Math.min(layer.height || 0, layer.width || 0)}p `;
+    getBitrateText = (layer) => `(${(Number(layer.bitrate / 1e3) / 1e3).toFixed(2)} Mbps)`;
   }
 });
 
@@ -33367,7 +33385,7 @@ var init_HLSView = __esm({
             const pollStartedBy = vanillaStore.getState((0, import_react_sdk101.selectPeerNameByID)(poll.startedBy)) || "Participant";
             if (!toastMap[pollId]) {
               const toastID = ToastManager.addToast({
-                title: "".concat(pollStartedBy, " started a ").concat(poll.type, ": ").concat(poll.title),
+                title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
                 action: /* @__PURE__ */ import_react206.default.createElement(
                   Button,
                   {
@@ -33400,7 +33418,7 @@ var init_HLSView = __esm({
               break;
             default: {
               const toast = {
-                title: "Payload from timed Metadata ".concat(parsedPayload),
+                title: `Payload from timed Metadata ${parsedPayload}`,
                 duration: duration || 3e3
               };
               console.debug("Added toast ", JSON.stringify(toast));
@@ -33410,7 +33428,7 @@ var init_HLSView = __esm({
           }
         };
         const handleError = (data3) => {
-          console.error("[HLSView] error in hls", "".concat(data3));
+          console.error("[HLSView] error in hls", `${data3}`);
         };
         const handleNoLongerLive = ({ isLive }) => {
           setIsVideoLive(isLive);
@@ -33589,7 +33607,7 @@ var init_HLSView = __esm({
           Flex,
           {
             key: "hls-viewer",
-            id: "hls-viewer-".concat(themeType),
+            id: `hls-viewer-${themeType}`,
             ref: hlsViewRef,
             direction: isMobile || isLandscape ? "column" : "row",
             justify: "center",
@@ -33618,7 +33636,7 @@ var init_HLSView = __esm({
         Flex,
         {
           key: "hls-viewer",
-          id: "hls-viewer-".concat(themeType),
+          id: `hls-viewer-${themeType}`,
           ref: hlsViewRef,
           direction: isMobile || isLandscape ? "column" : "row",
           justify: "center",
@@ -33686,7 +33704,7 @@ var init_HLSView = __esm({
                 justify: "between",
                 css: {
                   position: "absolute",
-                  bg: "".concat(hoverControlsVisible.pausePlay || hoverControlsVisible.seekBackward || hoverControlsVisible.seekForward ? "#00000066" : ""),
+                  bg: `${hoverControlsVisible.pausePlay || hoverControlsVisible.seekBackward || hoverControlsVisible.seekForward ? "#00000066" : ""}`,
                   display: "inline-flex",
                   gap: "$2",
                   zIndex: 1,
@@ -33722,8 +33740,8 @@ var init_HLSView = __esm({
                   width: "100%",
                   flexShrink: 0,
                   zIndex: 1,
-                  visibility: controlsVisible ? "" : "hidden",
-                  opacity: controlsVisible ? "1" : "0"
+                  visibility: controlsVisible ? `` : `hidden`,
+                  opacity: controlsVisible ? `1` : "0"
                 }
               },
               /* @__PURE__ */ import_react206.default.createElement(
@@ -33771,7 +33789,7 @@ var init_HLSView = __esm({
                   bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? "$8" : "0",
                   left: "0",
                   zIndex: 1,
-                  background: isMobile || isLandscape ? "" : "linear-gradient(180deg, ".concat(theme.colors.background_dim.value, "00 29.46%, ").concat(theme.colors.background_dim.value, "A3 100%);"),
+                  background: isMobile || isLandscape ? "" : `linear-gradient(180deg, ${theme.colors.background_dim.value}00 29.46%, ${theme.colors.background_dim.value}A3 100%);`,
                   width: "100%",
                   pt: "$8",
                   flexShrink: 0,
@@ -34053,7 +34071,7 @@ var init_common2 = __esm({
               yield actions.switchCamera();
             } catch (e) {
               ToastManager.addToast({
-                title: "Error while flipping camera ".concat(e.message || ""),
+                title: `Error while flipping camera ${e.message || ""}`,
                 variant: "error"
               });
             }
@@ -34099,7 +34117,7 @@ var init_common2 = __esm({
               });
             } catch (e) {
               ToastManager.addToast({
-                title: "Error while changing audio device ".concat(e.message || ""),
+                title: `Error while changing audio device ${e.message || ""}`,
                 variant: "error"
               });
             }
@@ -34362,7 +34380,7 @@ var init_ConferenceScreen = __esm({
           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"
             }
@@ -34406,7 +34424,7 @@ var init_ConferenceScreen = __esm({
             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"
@@ -34463,7 +34481,7 @@ var init_ErrorBoundary = __esm({
         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
@@ -34596,7 +34614,7 @@ var init_Init = __esm({
       (0, import_react215.useEffect)(() => {
         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();
@@ -34918,7 +34936,7 @@ var init_FeedbackForm = __esm({
                 gap: "$4"
               },
               onClick: () => onEmojiClicked(index),
-              key: "".concat(index)
+              key: `${index}`
             },
             /* @__PURE__ */ import_react217.default.createElement(
               Text,
@@ -35010,7 +35028,7 @@ var init_FeedbackForm = __esm({
               /* @__PURE__ */ import_react217.default.createElement(
                 Checkbox.Root,
                 {
-                  id: "".concat(option, "-").concat(index),
+                  id: `${option}-${index}`,
                   checked: selectedReasons.has(index),
                   onCheckedChange: (checked) => handleCheckedChange(checked, index),
                   css: {
@@ -35395,7 +35413,7 @@ var init_ChatNotifications = __esm({
         const notification = {
           id: (0, import_uuid13.v4)(),
           icon: chatState.enabled ? /* @__PURE__ */ import_react223.default.createElement(import_react_icons106.ChatUnreadIcon, null) : /* @__PURE__ */ import_react223.default.createElement(import_react_icons106.ChatIcon, 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]);
@@ -35466,13 +35484,13 @@ var init_ToastConfig = __esm({
         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__ */ import_react224.default.createElement(import_react_icons107.PeopleAddIcon, 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__ */ import_react224.default.createElement(import_react_icons107.PeopleAddIcon, null)
           };
         }
@@ -35481,13 +35499,13 @@ var init_ToastConfig = __esm({
         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__ */ import_react224.default.createElement(import_react_icons107.PeopleRemoveIcon, 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__ */ import_react224.default.createElement(import_react_icons107.PeopleRemoveIcon, null)
           };
         }
@@ -35496,7 +35514,7 @@ var init_ToastConfig = __esm({
         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__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null)
           };
         },
@@ -35507,7 +35525,7 @@ var init_ToastConfig = __esm({
             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__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null)
           };
         }
@@ -35516,7 +35534,7 @@ var init_ToastConfig = __esm({
         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__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null),
             action: /* @__PURE__ */ import_react224.default.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
           };
@@ -35528,7 +35546,7 @@ var init_ToastConfig = __esm({
             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__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null),
             action: /* @__PURE__ */ import_react224.default.createElement(HandRaiseAction, { isSingleHandRaise: false })
           };
@@ -35538,14 +35556,14 @@ var init_ToastConfig = __esm({
         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__ */ import_react224.default.createElement(import_react_icons107.ChatUnreadIcon, null),
             action: /* @__PURE__ */ import_react224.default.createElement(ChatAction, null)
           };
         },
         multiple: (notifications) => {
           return {
-            title: "".concat(notifications.length, " new messages"),
+            title: `${notifications.length} new messages`,
             icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.ChatUnreadIcon, null),
             action: /* @__PURE__ */ import_react224.default.createElement(ChatAction, null)
           };
@@ -35554,7 +35572,7 @@ var init_ToastConfig = __esm({
       RECONNECTED: {
         single: (online) => {
           return {
-            title: "You are now ".concat(online ? "online" : "connected"),
+            title: `You are now ${online ? "online" : "connected"}`,
             icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.ConnectivityIcon, null),
             variant: "success",
             duration: 3e3
@@ -35564,7 +35582,9 @@ var init_ToastConfig = __esm({
       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__ */ import_react224.default.createElement(import_react_icons107.PoorConnectivityIcon, null),
             variant: "warning",
             duration: 3e4
@@ -35696,7 +35716,7 @@ var init_HandRaisedNotifications = __esm({
           const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
           const handRaisedPeers = vanillaStore.getState(import_react_sdk113.selectHandRaisedPeers);
           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 });
           }
         },
@@ -35768,7 +35788,7 @@ var init_PeerNotifications = __esm({
         if (!(notification == null ? void 0 : notification.data)) {
           return;
         }
-        console.debug("[".concat(notification.type, "]"), notification);
+        console.debug(`[${notification.type}]`, notification);
         switch (notification.type) {
           case import_react_sdk115.HMSNotificationTypes.PEER_JOINED:
             if (!isPeerJoinSubscribed) {
@@ -35877,7 +35897,7 @@ var init_PermissionErrorModal = __esm({
           ) : null,
           /* @__PURE__ */ import_react228.default.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
         ),
-        /* @__PURE__ */ import_react228.default.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__ */ import_react228.default.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__ */ import_react228.default.createElement(import_react228.default.Fragment, null, /* @__PURE__ */ import_react228.default.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ import_react228.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
         isMobile && isAndroid ? /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null, /* @__PURE__ */ import_react228.default.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ import_react228.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
         !isMobile ? /* @__PURE__ */ import_react228.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react228.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
@@ -35970,7 +35990,7 @@ var init_TrackBulkUnmuteModal = __esm({
         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) => {
@@ -36003,7 +36023,7 @@ var init_TrackNotifications = __esm({
       const notification = (0, import_react_sdk119.useHMSNotifications)(notificationTypes3);
       (0, import_react231.useEffect)(() => {
         if (notification) {
-          console.debug("[".concat(notification.type, "]"), notification);
+          console.debug(`[${notification.type}]`, notification);
         }
       }, [notification]);
       return null;
@@ -36051,9 +36071,9 @@ var init_TrackUnmuteModal = __esm({
       return /* @__PURE__ */ import_react232.default.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);
@@ -36085,7 +36105,7 @@ var init_TranscriptionNotifications = __esm({
         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 = "";
@@ -36093,21 +36113,21 @@ var init_TranscriptionNotifications = __esm({
             ({ error }) => !!error,
             () => {
               id = ToastManager.replaceToast(toastId, {
-                title: "Failed to enable Closed Caption",
+                title: `Failed to enable Closed Caption`,
                 variant: "error",
                 icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
               });
             }
           ).with({ state: import_react_sdk121.HMSTranscriptionState.STARTED }, () => {
             id = ToastManager.replaceToast(toastId, {
-              title: "Closed Captioning enabled for everyone",
+              title: `Closed Captioning enabled for everyone`,
               variant: "standard",
               duration: 2e3,
               icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
             });
           }).with({ state: import_react_sdk121.HMSTranscriptionState.STOPPED }, () => {
             id = ToastManager.replaceToast(toastId, {
-              title: "Closed Captioning disabled for everyone",
+              title: `Closed Captioning disabled for everyone`,
               variant: "standard",
               duration: 2e3,
               icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.OpenCaptionIcon, { style: { marginRight: "0.5rem" } })
@@ -36139,7 +36159,7 @@ function Notifications() {
   const { pipWindow } = usePIPWindow();
   const handleRoleChangeDenied = (0, import_react234.useCallback)((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"
     });
   }, []);
@@ -36157,7 +36177,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({
@@ -36182,13 +36202,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 import_react_sdk122.HMSNotificationTypes.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);
         }
@@ -36198,14 +36218,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 import_react_sdk122.HMSNotificationTypes.REMOVED_FROM_ROOM:
       case import_react_sdk122.HMSNotificationTypes.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 import_react_sdk122.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
@@ -36217,7 +36239,7 @@ function Notifications() {
         if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
           const pollStartedBy = vanillaStore.getState((0, import_react_sdk122.selectPeerNameByID)(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__ */ import_react234.default.createElement(
               Button,
               {
@@ -36246,7 +36268,7 @@ function Notifications() {
         break;
       case import_react_sdk122.HMSNotificationTypes.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
           });
@@ -36532,7 +36554,7 @@ function FlyingEmoji() {
             id,
             emojiId,
             senderName: nameToShow,
-            startingPoint: "".concat(startingPoint, "%"),
+            startingPoint: `${startingPoint}%`,
             wiggleType: Math.random() < 0.5 ? 0 : 1
           }
         ];
@@ -36573,7 +36595,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))
         },
@@ -36831,7 +36853,11 @@ var init_App = __esm({
           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) {
@@ -36873,12 +36899,12 @@ var init_App = __esm({
               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__ */ import_react244.default.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,
@@ -38193,7 +38219,7 @@ var init_AudioTest = __esm({
         Progress.Content,
         {
           style: {
-            transform: "translateX(-".concat(100 - audioLevel, "%)"),
+            transform: `translateX(-${100 - audioLevel}%)`,
             transition: "transform 0.3s"
           }
         }
@@ -38269,79 +38295,79 @@ var init_BrowserTest = __esm({
       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`
       }
     };
     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`
       }
     };
     CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ import_react249.default.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ import_react249.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ import_react249.default.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ import_react249.default.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ import_react249.default.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ import_react249.default.createElement(Text, null, value)));
@@ -38362,14 +38388,14 @@ var init_BrowserTest = __esm({
         {
           title: "Browser",
           iconURL: import_react_sdk130.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk130.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
-          value: "".concat(import_react_sdk130.parsedUserAgent.getBrowser().name, " ").concat(import_react_sdk130.parsedUserAgent.getBrowser().version)
+          value: `${import_react_sdk130.parsedUserAgent.getBrowser().name} ${import_react_sdk130.parsedUserAgent.getBrowser().version}`
         }
       ), /* @__PURE__ */ import_react249.default.createElement(
         CheckDetails,
         {
           title: "Operating system",
           iconURL: import_react_sdk130.parsedUserAgent.getOS().name && ((_d = operatingSystemIconInfo[(_c = import_react_sdk130.parsedUserAgent.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
-          value: "".concat(import_react_sdk130.parsedUserAgent.getOS().name, " ").concat(import_react_sdk130.parsedUserAgent.getOS().version)
+          value: `${import_react_sdk130.parsedUserAgent.getOS().name} ${import_react_sdk130.parsedUserAgent.getOS().version}`
         }
       )), /* @__PURE__ */ import_react249.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
     };
@@ -38470,7 +38496,7 @@ var init_ConnectivityTest = __esm({
           DetailedInfo,
           {
             title: "Connection Quality Score (CQS)",
-            value: "".concat(result.connectionQualityScore.toFixed(2), " (out of 5)")
+            value: `${result.connectionQualityScore.toFixed(2)} (out of 5)`
           }
         ) : null)
       );
@@ -38486,10 +38512,10 @@ var init_ConnectivityTest = __esm({
       ), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: import_react_icons114.LinkIcon })));
     };
     AudioStats = ({ stats }) => {
-      return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Round Trip Time", value: "".concat(stats.roundTripTime, " ms") })));
+      return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
     };
     VideoStats = ({ stats }) => {
-      return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Round Trip Time", value: "".concat(stats.roundTripTime, " ms") })));
+      return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
     };
     Footer3 = ({
       error,
@@ -38519,7 +38545,7 @@ var init_ConnectivityTest = __esm({
             variant: "body2",
             css: { c: "$on_primary_medium", mt: "$4" }
           },
-          "".concat(ConnectivityStateMessage[progress], "...")
+          `${ConnectivityStateMessage[progress]}...`
         ));
       }
       return null;
@@ -38605,7 +38631,7 @@ var init_ConnectivityTest = __esm({
         type: "application/json"
       });
       a2.href = URL.createObjectURL(file);
-      a2.download = "".concat(fileName, ".json");
+      a2.download = `${fileName}.json`;
       a2.click();
     };
   }