Revert skipLibCheck

.eslintrc.cjs

@@ -1,7 +1,7 @@
 const COPYRIGHT_HEADER = `/*
 Copyright %%CURRENT_YEAR%% New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

.github/workflows/blocked.yaml

@@ -1,17 +0,0 @@
-name: Prevent blocked
-on:
-  pull_request:
-    types: [opened, labeled, unlabeled]
-jobs:
-  prevent-blocked:
-    name: Prevent blocked
-    runs-on: ubuntu-latest
-    permissions:
-      pull-requests: read
-    steps:
-      - name: Add notice
-        uses: actions/github-script@v7
-        if: contains(github.event.pull_request.labels.*.name, 'X-Blocked')
-        with:
-          script: |
-            core.setFailed("PR has been labeled with X-Blocked; it cannot be merged.");

.github/workflows/build.yaml

@@ -6,18 +6,16 @@ on:
       - opened
       - labeled
     paths-ignore:
-      - ".github/ISSUE_TEMPLATE/**"
-      - ".github/CODEOWNERS"
+      - ".github/**"
       - "docs/**"
   push:
     branches: [livekit, full-mesh]
     paths-ignore:
-      - ".github/ISSUE_TEMPLATE/**"
-      - ".github/CODEOWNERS"
+      - ".github/**"
       - "docs/**"
 jobs:
   build_element_call:
-    uses: ./.github/workflows/build-element-call.yaml
+    uses: ./.github/workflows/element-call.yaml
     with:
       vite_app_version: ${{ github.event.release.tag_name || github.sha }}
     secrets:
@@ -26,38 +24,3 @@ jobs:
       SENTRY_URL: ${{ secrets.SENTRY_URL }}
       SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
       CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
-  deploy_develop:
-    # Deploy livekit branch to call.element.dev after build completes
-    if: github.ref == 'refs/heads/livekit'
-    needs: build_element_call
-    runs-on: ubuntu-latest
-    steps:
-      - name: Deploy to call.element.dev
-        uses: actions/github-script@d7906e4ad0b1822421a7e6a35d5ca353c962f410 # v6
-        with:
-          github-token: ${{ secrets.DEVELOP_DEPLOYMENT_TOKEN }}
-          script: |
-            await github.rest.actions.createWorkflowDispatch({
-                owner: 'element-hq',
-                repo: 'element-call-webapp-deployments',
-                workflow_id: 'deploy.yml',
-                ref: 'main',
-                inputs: {
-                  target: 'call.element.dev',
-                  version: '${{ github.sha }}'
-                }
-            })
-  docker_for_develop:
-    # Build docker and publish docker for livekit branch after build completes
-    if: github.ref == 'refs/heads/livekit'
-    needs: build_element_call
-    permissions:
-      contents: write
-      packages: write
-    uses: ./.github/workflows/build-and-publish-docker.yaml
-    with:
-      artifact_run_id: ${{ github.run_id }}
-      docker_tags: |
-        type=sha,format=short,event=branch
-        type=raw,value=latest-ci
-        type=raw,value=latest-ci_{{date 'X' }}

.github/workflows/docker.yaml

@@ -1,4 +1,4 @@
-name: Build and publish docker image
+name: Docker - Deploy
 on:
   workflow_call:
     inputs:
@@ -26,7 +26,7 @@ jobs:
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
 
       - name: 📥 Download artifact
-        uses: actions/download-artifact@cc203385981b70ca67e1cc392babf9cc229d5806 # v4
+        uses: actions/download-artifact@fa0a91b85d4f404e444e00e005971372dc801d16 # v4
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           run-id: ${{ inputs.artifact_run_id }}
@@ -42,16 +42,16 @@ jobs:
 
       - name: Extract metadata (tags, labels) for Docker
         id: meta
-        uses: docker/metadata-action@902fa8ec7d6ecbf8d84d538b9b233a880e428804 # v5.7.0
+        uses: docker/metadata-action@369eb591f429131d6889c46b94e711f089e6ca96 # v5.6.1
         with:
           images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
           tags: ${{ inputs.docker_tags}}
 
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@b5ca514318bd6ebac0fb2aedd5d36ec1b5c232a2 # v3.10.0
+        uses: docker/setup-buildx-action@c47758b77c9736f4b2ef4073d4d51994fabfe349 # v3.7.1
 
       - name: Build and push Docker image
-        uses: docker/build-push-action@471d1dc4e07e5cdedd4c2171150001c434f0b7a4 # v6.15.0
+        uses: docker/build-push-action@48aba3b46d1b1fec4febb7c5d0c644b249a11355 # v6.10.0
         with:
           context: .
           platforms: linux/amd64,linux/arm64

.github/workflows/e2e.yml

@@ -0,0 +1,24 @@
+name: Run E2E tests
+on:
+  workflow_run:
+    workflows: ["deploy"]
+    types:
+      - completed
+    branches-ignore:
+      - "livekit"
+jobs:
+  e2e:
+    name: E2E tests runs on Element Call
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out test private repo
+        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
+        with:
+          repository: element-hq/static-call-participant
+          ref: refs/heads/main
+          path: static-call-participant
+          token: ${{ secrets.GH_E2E_TEST_TOKEN }}
+      - name: Build E2E Image
+        run: "cd static-call-participant && docker build --no-cache --tag matrixdotorg/chrome-node-static-call-participant:latest ."
+      - name: Run E2E tests in container
+        run: "docker run --rm -v '${{ github.workspace }}/static-call-participant/callemshost-users.txt:/opt/app/callemshost-users.txt' matrixdotorg/chrome-node-static-call-participant:latest ./e2e.sh"

.github/workflows/element-call.yaml

@@ -1,4 +1,4 @@
-name: Build Element Call
+name: Element Call - Build
 on:
   workflow_call:
     inputs:
@@ -25,12 +25,12 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
       - name: Yarn cache
-        uses: actions/setup-node@1d0ff469b7ec7b3cb9d8673fde0c81c44821de2a # v4
+        uses: actions/setup-node@39370e3970a6d050c480ffad4ff0ed4d3fdee5af # v4
         with:
           cache: "yarn"
           node-version-file: ".node-version"
       - name: Install dependencies
-        run: "yarn install --frozen-lockfile"
+        run: "yarn install"
       - name: Build
         run: "yarn run build"
         env:
@@ -42,7 +42,7 @@ jobs:
           VITE_APP_VERSION: ${{ inputs.vite_app_version }}
           NODE_OPTIONS: "--max-old-space-size=4096"
       - name: Upload Artifact
-        uses: actions/upload-artifact@4cec3d8aa04e39d1a68397de0c4cd6fb9dce8ec1 # v4
+        uses: actions/upload-artifact@b4b15b8c7c6ac21ea08fcf65892d2ee8f75cf882 # v4
         with:
           name: build-output
           path: dist

.github/workflows/lint.yaml

@@ -9,12 +9,12 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
       - name: Yarn cache
-        uses: actions/setup-node@1d0ff469b7ec7b3cb9d8673fde0c81c44821de2a # v4
+        uses: actions/setup-node@39370e3970a6d050c480ffad4ff0ed4d3fdee5af # v4
         with:
           cache: "yarn"
           node-version-file: ".node-version"
       - name: Install dependencies
-        run: "yarn install --frozen-lockfile"
+        run: "yarn install"
       - name: Prettier
         run: "yarn run prettier:check"
       - name: i18n

.github/workflows/netlify.yaml

@@ -1,4 +1,4 @@
-name: Deploy to Netlify
+name: Netlify - Deploy
 on:
   workflow_call:
     inputs:
@@ -46,7 +46,7 @@ jobs:
             Exercise caution. Use test accounts.
 
       - name: 📥 Download artifact
-        uses: actions/download-artifact@cc203385981b70ca67e1cc392babf9cc229d5806 # v4
+        uses: actions/download-artifact@fa0a91b85d4f404e444e00e005971372dc801d16 # v4
         with:
           github-token: ${{ secrets.ELEMENT_BOT_TOKEN }}
           run-id: ${{ inputs.artifact_run_id }}

.github/workflows/pr-deploy.yaml

@@ -1,4 +1,4 @@
-name: Deploy previews for PRs
+name: PR Preview Deployments
 on:
   workflow_run:
     workflows: ["Build"]
@@ -24,7 +24,7 @@ jobs:
     needs: prdetails
     permissions:
       deployments: write
-    uses: ./.github/workflows/deploy-to-netlify.yaml
+    uses: ./.github/workflows/netlify.yaml
     with:
       artifact_run_id: ${{ github.event.workflow_run.id || github.run_id }}
       pr_number: ${{ needs.prdetails.outputs.pr_number }}
@@ -42,7 +42,7 @@ jobs:
     permissions:
       contents: write
       packages: write
-    uses: ./.github/workflows/build-and-publish-docker.yaml
+    uses: ./.github/workflows/docker.yaml
     with:
       artifact_run_id: ${{ github.event.workflow_run.id || github.run_id }}
       docker_tags: |

.github/workflows/publish.yaml

@@ -1,8 +1,13 @@
-name: Build & publish images to the package registry for releases
+name: Build & publish images to the package registry for tags
 
 on:
   release:
     types: [published]
+  workflow_run:
+    workflows: ["Build"]
+    branches: [livekit]
+    types:
+      - completed
 
 env:
   REGISTRY: ghcr.io
@@ -11,7 +16,7 @@ env:
 jobs:
   build_element_call:
     if: ${{ github.event_name == 'release' }}
-    uses: ./.github/workflows/build-element-call.yaml
+    uses: ./.github/workflows/element-call.yaml
     with:
       vite_app_version: ${{ github.event.release.tag_name || github.sha }}
     secrets:
@@ -34,7 +39,7 @@ jobs:
         id: current-time
         run: echo "unix_time=$(date +'%s')" >> $GITHUB_OUTPUT
       - name: 📥 Download artifact
-        uses: actions/download-artifact@cc203385981b70ca67e1cc392babf9cc229d5806 # v4
+        uses: actions/download-artifact@fa0a91b85d4f404e444e00e005971372dc801d16 # v4
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           run-id: ${{ github.event.workflow_run.id || github.run_id }}
@@ -46,7 +51,7 @@ jobs:
         run: |
           tar --numeric-owner --transform "s/dist/element-call-${TARBALL_VERSION}/" -cvzf element-call-${TARBALL_VERSION}.tar.gz dist
       - name: Upload
-        uses: actions/upload-artifact@4cec3d8aa04e39d1a68397de0c4cd6fb9dce8ec1 # v4.6.1
+        uses: actions/upload-artifact@b4b15b8c7c6ac21ea08fcf65892d2ee8f75cf882 # v4.4.3
         env:
           GITHUB_TOKEN: ${{ github.token }}
         with:
@@ -57,9 +62,11 @@ jobs:
     permissions:
       contents: write
       packages: write
-    uses: ./.github/workflows/build-and-publish-docker.yaml
+    uses: ./.github/workflows/docker.yaml
     with:
       artifact_run_id: ${{ github.event.workflow_run.id || github.run_id }}
       docker_tags: |
         type=sha,format=short,event=branch
         type=semver,pattern=v{{version}}
+        type=raw,value=latest-ci,enable={{is_default_branch}}
+        type=raw,value=latest-ci_${{needs.publish_tarball.outputs.unix_time}},enable={{is_default_branch}}

.github/workflows/test.yaml

@@ -11,16 +11,16 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
       - name: Yarn cache
-        uses: actions/setup-node@1d0ff469b7ec7b3cb9d8673fde0c81c44821de2a # v4
+        uses: actions/setup-node@39370e3970a6d050c480ffad4ff0ed4d3fdee5af # v4
         with:
           cache: "yarn"
           node-version-file: ".node-version"
       - name: Install dependencies
-        run: "yarn install --frozen-lockfile"
+        run: "yarn install"
       - name: Vitest
         run: "yarn run test:coverage"
       - name: Upload to codecov
-        uses: codecov/codecov-action@0565863a31f2c772f9f0395002a31e3f06189574 # v5
+        uses: codecov/codecov-action@b9fd7d16f6d7d1b5d2bec1a2887e65ceed900238 # v4
         env:
           CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
         with:

.github/workflows/translations-download.yaml

@@ -15,7 +15,7 @@ jobs:
       - name: Checkout the code
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
 
-      - uses: actions/setup-node@1d0ff469b7ec7b3cb9d8673fde0c81c44821de2a # v4
+      - uses: actions/setup-node@39370e3970a6d050c480ffad4ff0ed4d3fdee5af # v4
         with:
           cache: "yarn"
           node-version-file: ".node-version"
@@ -39,7 +39,7 @@ jobs:
 
       - name: Create Pull Request
         id: cpr
-        uses: peter-evans/create-pull-request@dd2324fc52d5d43c699a5636bcf19fceaa70c284 # v7.0.7
+        uses: peter-evans/create-pull-request@5e914681df9dc83aa4e4905692ca88beb2f9e91f # v7.0.5
         with:
           token: ${{ secrets.ELEMENT_BOT_TOKEN }}
           branch: actions/localazy-download

Dockerfile

@@ -1,13 +1,4 @@
-FROM alpine AS builder
-
-COPY ./dist /dist
-
-# Compress assets to work with nginx-gzip-static-module
-WORKDIR /dist/assets
-RUN gzip -k ../index.html *.js *.map *.css *.wasm *-app-*.json 
-
 FROM nginxinc/nginx-unprivileged:alpine
 
-COPY --from=builder ./dist /app
-
+COPY ./dist /app
 COPY config/nginx.conf /etc/nginx/conf.d/default.conf

LICENSE-COMMERCIAL

@@ -1,6 +0,0 @@
-Licensees holding a valid commercial license with Element may use this
-software in accordance with the terms contained in a written agreement
-between you and Element.
-
-To purchase a commercial license please contact our sales team at
-licensing@element.io

README.md

@@ -22,7 +22,7 @@ development version continuously deployed to
 Until prebuilt tarballs are available, you'll need to build Element Call from
 source. First, clone and install the package:
 
-```sh
+```
 git clone https://github.com/element-hq/element-call.git
 cd element-call
 yarn
@@ -33,22 +33,21 @@ If all went well, you can now find the build output under `dist` as a series of
 static files. These can be hosted using any web server that can be configured
 with custom routes (see below).
 
-You also need to add a configuration file which goes in `public/config.json` -
-you can use the sample as a starting point:
+You may also wish to add a configuration file (Element Call uses the domain it's
+hosted on as a Homeserver URL by default, but you can change this in the config
+file). This goes in `public/config.json` - you can use the sample as a starting
+point:
 
-```sh
+```
 cp config/config.sample.json public/config.json
 # edit public/config.json
 ```
 
-The sample needs editing to contain the homeserver and LiveKit backend that you
-are using.
-
 Because Element Call uses client-side routing, your server must be able to route
 any requests to non-existing paths back to `/index.html`. For example, in Nginx
 you can achieve this with the `try_files` directive:
 
-```jsonc
+```
 server {
     ...
     location / {
@@ -58,6 +57,12 @@ server {
 }
 ```
 
+By default, the app expects you to have a Matrix homeserver (such as
+[Synapse](https://element-hq.github.io/synapse/latest/setup/installation.html))
+installed locally and running on port 8008. If you wish to use a homeserver on a
+different URL or one that is hosted on a different server, you can add a config
+file as above, and include the homeserver URL that you'd like to use.
+
 Element Call requires a homeserver with registration enabled without any 3pid or
 token requirements, if you want it to be used by unregistered users.
 Furthermore, it is not recommended to use it with an existing homeserver where
@@ -83,13 +88,13 @@ If you're using [Synapse](https://github.com/element-hq/synapse/), you'll need
 to additionally add the following to `homeserver.yaml` or Element Call won't
 work:
 
-```yaml
+```
 experimental_features:
-  # MSC3266: Room summary API. Used for knocking over federation
-  msc3266_enabled: true
-  # MSC4222 needed for syncv2 state_after. This allow clients to
-  # correctly track the state of the room.
-  msc4222_enabled: true
+    # MSC3266: Room summary API. Used for knocking over federation
+    msc3266_enabled: true
+    # MSC4222 needed for syncv2 state_after. This allow clients to
+    # correctly track the state of the room.
+    msc4222_enabled: true
 
 # The maximum allowed duration by which sent events can be delayed, as
 # per MSC4140.
@@ -147,17 +152,30 @@ discuss and coordinate translation efforts.
 
 ### Frontend
 
-To get started clone and set up this project:
+Element Call is built against
+[matrix-js-sdk](https://github.com/matrix-org/matrix-js-sdk/pull/2553). To get
+started, clone, install, and link the package:
 
-```sh
+```
+git clone https://github.com/matrix-org/matrix-js-sdk.git
+cd matrix-js-sdk
+yarn
+yarn link
+```
+
+Next, we can set up this project:
+
+```
 git clone https://github.com/element-hq/element-call.git
 cd element-call
 yarn
+yarn link matrix-js-sdk
 ```
 
-To use it, create a local config by, e.g., `cp ./config/config.devenv.json ./public/config.json`
-and adapt it if necessary. The `config.devenv.json` config should work with the backend
-development environment as outlined in the next section out of box.
+To use it, create a local config by, e.g., `cp ./config/config.devenv.json
+./public/config.json` and adapt it if necessary. The `config.devenv.json` config
+should work with the backend development environment as outlined in the next
+section out of box.
 
 (Be aware, that this `config.devenv.json` is exposing a deprecated fallback
 LiveKit config key. If the homeserver advertises SFU backend via
@@ -165,7 +183,7 @@ LiveKit config key. If the homeserver advertises SFU backend via
 
 You're now ready to launch the development server:
 
-```sh
+```
 yarn dev
 ```
 
@@ -174,19 +192,19 @@ yarn dev
 A docker compose file `dev-backend-docker-compose.yml` is provided to start the
 whole stack of components which is required for a local development environment:
 
-- Minimum Synapse Setup (servername: `synapse.localhost`)
+- Minimum Synapse Setup (servername: synapse.localhost)
 - LiveKit JWT Service (Note requires Federation API and hence a TLS reverse proxy)
-- Minimum TLS reverse proxy (servername: `synapse.localhost`) Note certificates
+- Minimum TLS reverse proxy (servername: synapse.localhost) Note certificates
   are valid for at least 10 years from now
 - Minimum LiveKit SFU Setup using dev defaults for config
-- Redis db for completeness
+- Redis db for completness
 
 These use a test 'secret' published in this repository, so this must be used
 only for local development and **_never be exposed to the public Internet._**
 
 Run backend components:
 
-```sh
+```
 yarn backend
 # or  for podman-compose
 # podman-compose -f dev-backend-docker-compose.yml up
@@ -203,7 +221,6 @@ To add a new translation key you can do these steps:
 1. Add the new key entry to the code where the new key is used: `t("some_new_key")`
 1. Run `yarn i18n` to extract the new key and update the translation files. This
    will add a skeleton entry to the `locales/en/app.json` file:
-
    ```jsonc
    {
        ...
@@ -211,7 +228,6 @@ To add a new translation key you can do these steps:
        ...
    }
    ```
-
 1. Update the skeleton entry in the `locales/en/app.json` file with
    the English translation:
 
@@ -228,14 +244,3 @@ To add a new translation key you can do these steps:
 Usage and other technical details about the project can be found here:
 
 [**Docs**](./docs/README.md)
-
-## Copyright & License
-
-Copyright 2021-2025 New Vector Ltd
-
-This software is dual-licensed by New Vector Ltd (Element). It can be used either:
-
-(1) for free under the terms of the GNU Affero General Public License (as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version); OR
-
-(2) under the terms of a paid-for Element Commercial License agreement between you and Element (the terms of which may vary depending on what you and Element have agreed to).
-Unless required by applicable law or agreed to in writing, software distributed under the Licenses is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the Licenses for the specific language governing permissions and limitations under the Licenses.

config/config.sample.json

@@ -1,13 +1,10 @@
 {
   "default_server_config": {
     "m.homeserver": {
-      "base_url": "https://mydomain.com",
-      "server_name": "mydomain.com"
+      "base_url": "http://synapse.localhost:8008",
+      "server_name": "synapse.localhost"
     }
   },
-  "livekit": {
-    "livekit_service_url": "https://livekit-jwt.mydomain.com"
-  },
   "features": {
     "feature_use_device_session_member_events": true
   },

i18next-parser.config.ts

@@ -1,4 +1,13 @@
-export default {
+/*
+Copyright 2024 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only
+Please see LICENSE in the repository root for full details.
+*/
+
+import type { UserConfig } from "i18next-parser";
+
+const config: UserConfig = {
   keySeparator: ".",
   namespaceSeparator: false,
   contextSeparator: "|",
@@ -26,3 +35,5 @@ export default {
   input: ["src/**/*.{ts,tsx}"],
   sort: true,
 };
+
+export default config;

locales/bg/app.json

@@ -19,9 +19,11 @@
   "common": {
     "audio": "Звук",
     "avatar": "Аватар",
+    "camera": "Камера",
     "display_name": "Име/псевдоним",
     "home": "Начало",
     "loading": "Зареждане…",
+    "microphone": "Микрофон",
     "password": "Парола",
     "profile": "Профил",
     "settings": "Настройки",
@@ -59,7 +61,8 @@
   "settings": {
     "developer_tab_title": "Разработчик",
     "feedback_tab_h4": "Изпрати обратна връзка",
-    "feedback_tab_send_logs_label": "Включи debug логове"
+    "feedback_tab_send_logs_label": "Включи debug логове",
+    "speaker_device_selection_label": "Говорител"
   },
   "unauthenticated_view_body": "Все още не сте регистрирани? <2>Създайте акаунт</2>",
   "unauthenticated_view_login_button": "Влезте в акаунта си",

locales/cs/app.json

@@ -17,14 +17,18 @@
     "not_now_button": "Teď ne, vrátit se na domovskou obrazovku"
   },
   "common": {
+    "camera": "Kamera",
     "display_name": "Zobrazované jméno",
     "home": "Domov",
     "loading": "Načítání…",
+    "microphone": "Mikrofon",
     "password": "Heslo",
     "profile": "Profil",
     "settings": "Nastavení",
     "username": "Uživatelské jméno"
   },
+  "full_screen_view_description": "<0>Odeslání ladících záznamů nám pomůže diagnostikovat problém.</0>",
+  "full_screen_view_h1": "<0>Oops, něco se pokazilo.</0>",
   "header_label": "Domov Element Call",
   "join_existing_call_modal": {
     "join_button": "Ano, připojit se",
@@ -58,7 +62,8 @@
   "settings": {
     "developer_tab_title": "Vývojář",
     "feedback_tab_h4": "Dát feedback",
-    "feedback_tab_send_logs_label": "Zahrnout ladící záznamy"
+    "feedback_tab_send_logs_label": "Zahrnout ladící záznamy",
+    "speaker_device_selection_label": "Reproduktor"
   },
   "unauthenticated_view_body": "Nejste registrovaní? <2>Vytvořit účet</2>",
   "unauthenticated_view_login_button": "Přihlásit se ke svému účtu",

locales/de/app.json

@@ -28,7 +28,11 @@
     "text": "Bereit, beizutreten?",
     "title": "App auswählen"
   },
+  "application_opened_another_tab": "Diese Anwendung wurde in einem anderen Tab geöffnet.",
+  "browser_media_e2ee_unsupported": "Dein Webbrowser unterstützt keine Medien-Ende-zu-Ende-Verschlüsselung. Unterstützte Browser sind Chrome, Safari, Firefox >=117",
+  "browser_media_e2ee_unsupported_heading": "Inkompatibler Browser",
   "call_ended_view": {
+    "body": "Deine Verbindung wurde getrennt",
     "create_account_button": "Konto erstellen",
     "create_account_prompt": "<0>Warum vergibst du nicht abschließend ein Passwort, um dein Konto zu erhalten?</0><1>Du kannst deinen Namen behalten und ein Profilbild für zukünftige Anrufe festlegen.</1>",
     "feedback_done": "<0>Danke für deine Rückmeldung!</0>",
@@ -44,10 +48,13 @@
     "audio": "Audio",
     "avatar": "Profilbild",
     "back": "Zurück",
+    "camera": "Kamera",
     "display_name": "Anzeigename",
     "encrypted": "Verschlüsselt",
+    "error": "Fehler",
     "home": "Startseite",
     "loading": "Lade …",
+    "microphone": "Mikrofon",
     "next": "Weiter",
     "options": "Optionen",
     "password": "Passwort",
@@ -56,48 +63,31 @@
     "reaction": "Reaktion",
     "reactions": "Reaktionen",
     "settings": "Einstellungen",
+    "something_went_wrong": "Etwas ist schief gelaufen",
     "unencrypted": "Nicht verschlüsselt",
     "username": "Benutzername",
     "video": "Video"
   },
   "developer_mode": {
     "crypto_version": "Krypto-Version: {{version}}",
-    "debug_tile_layout_label": "Kachel-Layout debuggen",
     "device_id": "Geräte-ID: {{id}}",
     "duplicate_tiles_label": "Anzahl zusätzlicher Kachelkopien pro Teilnehmer",
     "hostname": "Hostname: {{hostname}}",
-    "livekit_server_info": "LiveKit-Server Informationen",
-    "livekit_sfu": "LiveKit SFU: {{url}}",
-    "matrix_id": "Matrix-ID: {{id}}",
-    "show_connection_stats": "Verbindungsstatistiken anzeigen",
-    "show_non_member_tiles": "Kacheln für Nicht-Mitgliedermedien anzeigen"
+    "matrix_id": "Matrix-ID: {{id}}"
   },
   "disconnected_banner": "Die Verbindung zum Server wurde getrennt.",
-  "error": {
-    "call_is_not_supported": "Anrufe werden nicht unterstützt",
-    "call_not_found": "Anruf nicht gefunden",
-    "call_not_found_description": "<0>Dieser Link scheint zu keinem bestehenden Anruf zu gehören. Vergewissern Sie sich, dass Sie den richtigen Link haben, oder <1> erstellen Sie einen neuen</1>. </0>",
-    "connection_lost": "Verbindung verloren",
-    "connection_lost_description": "Ihre Verbindung zum Anruf wurde unterbrochen.",
-    "e2ee_unsupported": "Inkompatibler Browser",
-    "e2ee_unsupported_description": "Ihr Webbrowser unterstützt keine verschlüsselten Anrufe. Zu den unterstützten Browsern gehören Chrome, Safari und Firefox 117+.",
-    "generic": "Etwas ist schief gelaufen",
-    "generic_description": "Durch das Senden von Debugprotokollen können wir das Problem leichter eingrenzen.",
-    "insufficient_capacity": "Unzureichende Kapazität",
-    "insufficient_capacity_description": "Der Server hat seine maximale Kapazität erreicht, daher ist ein Beitritt zum Anruf derzeit nicht möglich. Bitte später erneut versuchen oder den Serveradministrator kontaktieren, falls das Problem weiterhin besteht.",
-    "matrix_rtc_focus_missing": "Der Server ist nicht für die Verwendung mit {{brand}} konfiguriert. Bitte den Serveradministrator kontaktieren (Domain: {{domain}}, Fehlercode: {{ errorCode }}).",
-    "open_elsewhere": "In einem anderen Tab geöffnet",
-    "open_elsewhere_description": "{{brand}}wurde in einem anderen Tab geöffnet. Wenn das nicht richtig klingt, versuchen Sie, die Seite neu zu laden.",
-    "unexpected_ec_error": "Ein unerwarteter Fehler ist aufgetreten (<0>Fehlercode: </0> <1>{{ errorCode }}</1>). Bitte den Serveradministrator kontaktieren."
-  },
+  "full_screen_view_description": "<0>Übermittelte Problemberichte helfen uns, Fehler zu beheben.</0>",
+  "full_screen_view_h1": "<0>Hoppla, etwas ist schiefgelaufen.</0>",
   "group_call_loader": {
     "banned_body": "Du wurdest aus dem Raum verbannt.",
     "banned_heading": "Verbannt",
     "call_ended_body": "Du wurdest aus dem Anruf entfernt.",
     "call_ended_heading": "Anruf beendet",
+    "failed_heading": "Beitreten fehlgeschlagen",
+    "failed_text": "Anruf nicht gefunden oder Beitritt nicht erlaubt",
     "knock_reject_body": "Die Teilnahmeanfrage wurde abgelehnt.",
     "knock_reject_heading": "Zugriff verweigert",
-    "reason": "Grund: {{reason}}"
+    "reason": "Grund"
   },
   "hangup_button_label": "Anruf beenden",
   "header_label": "Element Call-Startseite",
@@ -157,20 +147,10 @@
   "screenshare_button_label": "Bildschirm teilen",
   "settings": {
     "audio_tab": {
-      "effect_volume_description": "Lautstärke anpassen, mit der Reaktionen und Handmeldungen abgespielt werden.",
+      "effect_volume_description": "Lautstärke anpassen, mit der Reaktionen und Handmeldungen abgespielt werden",
       "effect_volume_label": "Lautstärke der Soundeffekte"
     },
     "developer_tab_title": "Entwickler",
-    "devices": {
-      "camera": "Kamera",
-      "camera_numbered": "Kamera {{n}}",
-      "default": "Standard",
-      "default_named": "Standard<2> ({{name}} )</2>",
-      "microphone": "Mikrofon",
-      "microphone_numbered": "Mikrofon{{n}}",
-      "speaker": "Lautsprecher",
-      "speaker_numbered": "Lautsprecher{{n}}"
-    },
     "feedback_tab_body": "Falls du auf Probleme stößt oder einfach nur eine Rückmeldung geben möchtest, sende uns bitte eine kurze Beschreibung.",
     "feedback_tab_description_label": "Deine Rückmeldung",
     "feedback_tab_h4": "Rückmeldung geben",
@@ -179,16 +159,12 @@
     "feedback_tab_title": "Rückmeldung",
     "opt_in_description": "<0></0><1></1>Du kannst deine Zustimmung durch Abwählen dieses Kästchens zurückziehen. Falls du dich aktuell in einem Anruf befindest, wird diese Einstellung nach dem Ende des Anrufs wirksam.",
     "preferences_tab": {
-      "developer_mode_label": "Entwickler-Modus",
-      "developer_mode_label_description": "Aktivieren Sie den Entwicklermodus und zeigen Sie die Registerkarte mit den Entwicklereinstellungen an.",
-      "introduction": "Hier können zusätzliche Optionen für individuelle Anforderungen eingestellt werden.",
-      "reactions_play_sound_description": "Spielen Sie einen Soundeffekt ab, wenn jemand eine Reaktion auf einen Anruf sendet.",
+      "reactions_play_sound_description": "Einen Soundeffekt abspielen, wenn jemand eine Reaktion sendet",
       "reactions_play_sound_label": "Reaktionstöne abspielen",
       "reactions_show_description": "Zeige eine Animation, wenn jemand eine Reaktion sendet.",
-      "reactions_show_label": "Reaktionen anzeigen",
-      "show_hand_raised_timer_description": "Einen Timer zur Handmeldung anzeigen",
-      "show_hand_raised_timer_label": "Dauer der Handmeldung anzeigen"
-    }
+      "reactions_show_label": "Reaktionen anzeigen"
+    },
+    "speaker_device_selection_label": "Lautsprecher"
   },
   "star_rating_input_label_one": "{{count}} Stern",
   "star_rating_input_label_other": "{{count}} Sterne",
@@ -205,7 +181,6 @@
   "version": "{{productName}} Version: {{version}}",
   "video_tile": {
     "always_show": "Immer anzeigen",
-    "camera_starting": "Video wird geladen...",
     "change_fit_contain": "An Fenster anpassen",
     "collapse": "Minimieren",
     "expand": "Erweitern",

locales/el/app.json

@@ -24,15 +24,19 @@
   },
   "common": {
     "audio": "Ήχος",
+    "camera": "Κάμερα",
     "display_name": "Εμφανιζόμενο όνομα",
     "home": "Αρχική",
     "loading": "Φόρτωση…",
+    "microphone": "Μικρόφωνο",
     "password": "Κωδικός",
     "profile": "Προφίλ",
     "settings": "Ρυθμίσεις",
     "username": "Όνομα χρήστη",
     "video": "Βίντεο"
   },
+  "full_screen_view_description": "<0>Η υποβολή αρχείων καταγραφής σφαλμάτων θα μας βοηθήσει να εντοπίσουμε το πρόβλημα.</0>",
+  "full_screen_view_h1": "<0>Ωχ, κάτι πήγε στραβά.</0>",
   "header_label": "Element Κεντρική Οθόνη Κλήσεων",
   "join_existing_call_modal": {
     "join_button": "Ναι, συμμετοχή στην κλήση",
@@ -70,7 +74,8 @@
     "feedback_tab_send_logs_label": "Να συμπεριληφθούν αρχεία καταγραφής",
     "feedback_tab_thank_you": "Ευχαριστούμε, λάβαμε τα σχόλιά σας!",
     "feedback_tab_title": "Ανατροφοδότηση",
-    "opt_in_description": "<0></0><1></1>Μπορείτε να ανακαλέσετε τη συγκατάθεσή σας αποεπιλέγοντας αυτό το πλαίσιο. Εάν βρίσκεστε σε κλήση, η ρύθμιση αυτή θα τεθεί σε ισχύ στο τέλος της."
+    "opt_in_description": "<0></0><1></1>Μπορείτε να ανακαλέσετε τη συγκατάθεσή σας αποεπιλέγοντας αυτό το πλαίσιο. Εάν βρίσκεστε σε κλήση, η ρύθμιση αυτή θα τεθεί σε ισχύ στο τέλος της.",
+    "speaker_device_selection_label": "Ηχείο"
   },
   "star_rating_input_label_one": "{{count}} αστέρι",
   "star_rating_input_label_other": "{{count}} αστέρια",

locales/en/app.json

@@ -28,7 +28,11 @@
     "text": "Ready to join?",
     "title": "Select app"
   },
+  "application_opened_another_tab": "This application has been opened in another tab.",
+  "browser_media_e2ee_unsupported": "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117",
+  "browser_media_e2ee_unsupported_heading": "Incompatible Browser",
   "call_ended_view": {
+    "body": "You were disconnected from the call",
     "create_account_button": "Create account",
     "create_account_prompt": "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>",
     "feedback_done": "<0>Thanks for your feedback!</0>",
@@ -46,6 +50,7 @@
     "back": "Back",
     "display_name": "Display name",
     "encrypted": "Encrypted",
+    "error": "Error",
     "home": "Home",
     "loading": "Loading…",
     "next": "Next",
@@ -56,6 +61,7 @@
     "reaction": "Reaction",
     "reactions": "Reactions",
     "settings": "Settings",
+    "something_went_wrong": "Something went wrong",
     "unencrypted": "Not encrypted",
     "username": "Username",
     "video": "Video"
@@ -66,39 +72,22 @@
     "device_id": "Device ID: {{id}}",
     "duplicate_tiles_label": "Number of additional tile copies per participant",
     "hostname": "Hostname: {{hostname}}",
-    "livekit_server_info": "LiveKit Server Info",
-    "livekit_sfu": "LiveKit SFU: {{url}}",
     "matrix_id": "Matrix ID: {{id}}",
-    "show_connection_stats": "Show connection statistics",
-    "show_non_member_tiles": "Show tiles for non-member media",
-    "use_new_membership_manager": "Use the new implementation of the call MembershipManager"
+    "show_non_member_tiles": "Show tiles for non-member media"
   },
   "disconnected_banner": "Connectivity to the server has been lost.",
-  "error": {
-    "call_is_not_supported": "Call is not supported",
-    "call_not_found": "Call not found",
-    "call_not_found_description": "<0>That link doesn't appear to belong to any existing call. Check that you have the right link, or <1>create a new one</1>.</0>",
-    "connection_lost": "Connection lost",
-    "connection_lost_description": "You were disconnected from the call.",
-    "e2ee_unsupported": "Incompatible browser",
-    "e2ee_unsupported_description": "Your web browser does not support encrypted calls. Supported browsers include Chrome, Safari, and Firefox 117+.",
-    "generic": "Something went wrong",
-    "generic_description": "Submitting debug logs will help us track down the problem.",
-    "insufficient_capacity": "Insufficient capacity",
-    "insufficient_capacity_description": "The server has reached its maximum capacity and you cannot join the call at this time. Try again later, or contact your server admin if the problem persists.",
-    "matrix_rtc_focus_missing": "The server is not configured to work with {{brand}}. Please contact your server admin (Domain: {{domain}}, Error Code: {{ errorCode }}).",
-    "open_elsewhere": "Opened in another tab",
-    "open_elsewhere_description": "{{brand}} has been opened in another tab. If that doesn't sound right, try reloading the page.",
-    "unexpected_ec_error": "An unexpected error occurred (<0>Error Code:</0> <1>{{ errorCode }}</1>). Please contact your server admin."
-  },
+  "full_screen_view_description": "<0>Submitting debug logs will help us track down the problem.</0>",
+  "full_screen_view_h1": "<0>Oops, something's gone wrong.</0>",
   "group_call_loader": {
     "banned_body": "You have been banned from the room.",
     "banned_heading": "Banned",
     "call_ended_body": "You have been removed from the call.",
     "call_ended_heading": "Call ended",
+    "failed_heading": "Failed to join",
+    "failed_text": "Call not found or is not accessible.",
     "knock_reject_body": "Your request to join was declined.",
     "knock_reject_heading": "Access denied",
-    "reason": "Reason: {{reason}}"
+    "reason": "Reason"
   },
   "hangup_button_label": "End call",
   "header_label": "Element Call Home",

locales/es/app.json

@@ -22,14 +22,18 @@
     "survey_prompt": "¿Cómo ha ido?"
   },
   "common": {
+    "camera": "Cámara",
     "display_name": "Nombre a mostrar",
     "home": "Inicio",
     "loading": "Cargando…",
+    "microphone": "Micrófono",
     "password": "Contraseña",
     "profile": "Perfil",
     "settings": "Ajustes",
     "username": "Nombre de usuario"
   },
+  "full_screen_view_description": "<0>Subir los registros de depuración nos ayudará a encontrar el problema.</0>",
+  "full_screen_view_h1": "<0>Ups, algo ha salido mal.</0>",
   "header_label": "Inicio de Element Call",
   "join_existing_call_modal": {
     "join_button": "Si, unirse a la llamada",
@@ -70,7 +74,8 @@
     "feedback_tab_send_logs_label": "Incluir registros de depuración",
     "feedback_tab_thank_you": "¡Gracias, hemos recibido tus comentarios!",
     "feedback_tab_title": "Danos tu opinión",
-    "opt_in_description": "<0></0><1></1>Puedes retirar tu consentimiento desmarcando esta casilla. Si estás en una llamada, este ajuste se aplicará al final de esta."
+    "opt_in_description": "<0></0><1></1>Puedes retirar tu consentimiento desmarcando esta casilla. Si estás en una llamada, este ajuste se aplicará al final de esta.",
+    "speaker_device_selection_label": "Altavoz"
   },
   "star_rating_input_label_one": "{{count}} estrella",
   "star_rating_input_label_other": "{{count}} estrellas",

locales/et/app.json

@@ -21,7 +21,9 @@
     "text": "Oled valmis liituma?",
     "title": "Vali rakendus"
   },
+  "browser_media_e2ee_unsupported": "Sinu veebibrauser ei toeta meedia läbivat krüptimist. Toetatud brauserid on Chrome, Chromium, Safari ja Firefox >=117",
   "call_ended_view": {
+    "body": "Sinu ühendus kõnega katkes",
     "create_account_button": "Loo konto",
     "create_account_prompt": "<0>Kas soovid salasõna seadistada ja sellega oma kasutajakonto alles jätta?</0><1>Nii saad säilitada oma nime ja määrata profiilipildi, mida saad kasutada tulevastes kõnedes</1>",
     "feedback_done": "<0>Täname Sind tagasiside eest!</0>",
@@ -35,10 +37,12 @@
   "common": {
     "audio": "Heli",
     "avatar": "Tunnuspilt",
+    "camera": "Kaamera",
     "display_name": "Kuvatav nimi",
     "encrypted": "Krüptitud",
     "home": "Avavaatesse",
     "loading": "Laadimine …",
+    "microphone": "Mikrofon",
     "password": "Salasõna",
     "profile": "Profiil",
     "settings": "Seadistused",
@@ -46,6 +50,8 @@
     "username": "Kasutajanimi"
   },
   "disconnected_banner": "Võrguühendus serveriga on katkenud.",
+  "full_screen_view_description": "<0>Kui saadad meile vealogid, siis on lihtsam vea põhjust otsida.</0>",
+  "full_screen_view_h1": "<0>Ohoo, midagi on nüüd katki.</0>",
   "hangup_button_label": "Lõpeta kõne",
   "header_participants_label": "Osalejad",
   "invite_modal": {
@@ -98,7 +104,8 @@
     "feedback_tab_send_logs_label": "Lisa veatuvastuslogid",
     "feedback_tab_thank_you": "Tänud, me oleme sinu tagasiside kätte saanud!",
     "feedback_tab_title": "Tagasiside",
-    "opt_in_description": "<0></0><1></1>Sa võid selle valiku eelmaldamisega alati oma nõusoleku tagasi võtta. Kui sul parasjagu on kõne pooleli, siis seadistuste muudatus jõustub pärast kõne lõppu."
+    "opt_in_description": "<0></0><1></1>Sa võid selle valiku eelmaldamisega alati oma nõusoleku tagasi võtta. Kui sul parasjagu on kõne pooleli, siis seadistuste muudatus jõustub pärast kõne lõppu.",
+    "speaker_device_selection_label": "Kõlar"
   },
   "star_rating_input_label_one": "{{count}} tärni",
   "star_rating_input_label_other": "{{count}} tärni",

locales/fa/app.json

@@ -19,9 +19,11 @@
   "common": {
     "audio": "صدا",
     "avatar": "آواتار",
+    "camera": "دوربین",
     "display_name": "نام نمایشی",
     "home": "خانه",
     "loading": "بارگزاری…",
+    "microphone": "میکروفون",
     "password": "رمز عبور",
     "profile": "پروفایل",
     "settings": "تنظیمات",
@@ -61,7 +63,8 @@
   "settings": {
     "developer_tab_title": "توسعه دهنده",
     "feedback_tab_h4": "بازخورد ارائه دهید",
-    "feedback_tab_send_logs_label": "شامل لاگ‌های عیب‌یابی"
+    "feedback_tab_send_logs_label": "شامل لاگ‌های عیب‌یابی",
+    "speaker_device_selection_label": "بلندگو"
   },
   "unauthenticated_view_body": "هنوز ثبت‌نام نکرده‌اید؟ <2>ساخت حساب کاربری</2>",
   "unauthenticated_view_login_button": "به حساب کاربری خود وارد شوید",

locales/fr/app.json

@@ -21,7 +21,9 @@
     "text": "Prêt à rejoindre ?",
     "title": "Choisissez l’application"
   },
+  "browser_media_e2ee_unsupported": "Votre navigateur web ne prend pas en charge le chiffrement de bout-en-bout des médias. Les navigateurs pris en charge sont Chrome, Safari, Firefox >= 117",
   "call_ended_view": {
+    "body": "Vous avez été déconnecté de l’appel",
     "create_account_button": "Créer un compte",
     "create_account_prompt": "<0>Pourquoi ne pas créer un mot de passe pour conserver votre compte ?</0><1>Vous pourrez garder votre nom et définir un avatar pour vos futurs appels</1>",
     "feedback_done": "<0>Merci pour votre commentaire !</0>",
@@ -33,6 +35,7 @@
   },
   "call_name": "Nom de l’appel",
   "common": {
+    "camera": "Caméra",
     "display_name": "Nom d’affichage",
     "encrypted": "Chiffré",
     "home": "Accueil",
@@ -45,6 +48,8 @@
     "video": "Vidéo"
   },
   "disconnected_banner": "La connexion avec le serveur a été perdue.",
+  "full_screen_view_description": "<0>Soumettre les journaux de débogage nous aidera à déterminer le problème.</0>",
+  "full_screen_view_h1": "<0>Oups, quelque chose s’est mal passé.</0>",
   "hangup_button_label": "Terminer l’appel",
   "header_label": "Accueil Element Call",
   "invite_modal": {
@@ -97,7 +102,8 @@
     "feedback_tab_send_logs_label": "Inclure les journaux de débogage",
     "feedback_tab_thank_you": "Merci, nous avons reçu vos commentaires !",
     "feedback_tab_title": "Commentaires",
-    "opt_in_description": "<0></0><1></1>Vous pouvez retirer votre consentement en décochant cette case. Si vous êtes actuellement en communication, ce paramètre prendra effet à la fin de l’appel."
+    "opt_in_description": "<0></0><1></1>Vous pouvez retirer votre consentement en décochant cette case. Si vous êtes actuellement en communication, ce paramètre prendra effet à la fin de l’appel.",
+    "speaker_device_selection_label": "Intervenant"
   },
   "star_rating_input_label_one": "{{count}} favori",
   "star_rating_input_label_other": "{{count}} favoris",

locales/id/app.json

@@ -21,7 +21,9 @@
     "text": "Siap untuk bergabung?",
     "title": "Pilih plikasi"
   },
+  "browser_media_e2ee_unsupported": "Peramban web Anda tidak mendukung enkripsi media ujung ke ujung. Peramban yang didukung adalah Chrome, Safari, dan Firefox >=117",
   "call_ended_view": {
+    "body": "Anda terputus dari panggilan",
     "create_account_button": "Buat akun",
     "create_account_prompt": "<0>Kenapa tidak selesaikan dengan mengatur sebuah kata sandi untuk menjaga akun Anda?</0><1>Anda akan dapat tetap menggunakan nama Anda dan atur sebuah avatar untuk digunakan dalam panggilan di masa mendatang</1>",
     "feedback_done": "<0>Terima kasih atas masukan Anda!</0>",
@@ -33,10 +35,12 @@
   },
   "call_name": "Nama panggilan",
   "common": {
+    "camera": "Kamera",
     "display_name": "Nama tampilan",
     "encrypted": "Terenkripsi",
     "home": "Beranda",
     "loading": "Memuat…",
+    "microphone": "Mikrofon",
     "password": "Kata sandi",
     "profile": "Profil",
     "settings": "Pengaturan",
@@ -44,6 +48,8 @@
     "username": "Nama pengguna"
   },
   "disconnected_banner": "Koneksi ke server telah hilang.",
+  "full_screen_view_description": "<0>Mengirim catatan pengawakutuan akan membantu kami melacak masalahnya.</0>",
+  "full_screen_view_h1": "<0>Aduh, ada yang salah.</0>",
   "hangup_button_label": "Akhiri panggilan",
   "header_label": "Beranda Element Call",
   "header_participants_label": "Peserta",
@@ -97,7 +103,8 @@
     "feedback_tab_send_logs_label": "Termasuk catatan pengawakutuan",
     "feedback_tab_thank_you": "Terima kasih, kami telah menerima masukan Anda!",
     "feedback_tab_title": "Masukan",
-    "opt_in_description": "<0></0><1></1>Anda dapat mengurungkan kembali izin dengan mencentang kotak ini. Jika Anda saat ini dalam panggilan, pengaturan ini akan diterapkan di akhir panggilan."
+    "opt_in_description": "<0></0><1></1>Anda dapat mengurungkan kembali izin dengan mencentang kotak ini. Jika Anda saat ini dalam panggilan, pengaturan ini akan diterapkan di akhir panggilan.",
+    "speaker_device_selection_label": "Pembicara"
   },
   "star_rating_input_label_one": "{{count}} bintang",
   "star_rating_input_label_other": "{{count}} bintang",

locales/it/app.json

@@ -20,7 +20,9 @@
     "text": "Tutto pronto per entrare?",
     "title": "Seleziona app"
   },
+  "browser_media_e2ee_unsupported": "Il tuo browser non supporta la crittografia end-to-end dei media. I browser supportati sono Chrome, Safari, Firefox >=117",
   "call_ended_view": {
+    "body": "Sei stato disconnesso dalla chiamata",
     "create_account_button": "Crea profilo",
     "create_account_prompt": "<0>Ti va di terminare impostando una password per mantenere il profilo?</0><1>Potrai mantenere il tuo nome e impostare un avatar da usare in chiamate future</1>",
     "feedback_done": "<0>Grazie per la tua opinione!</0>",
@@ -32,16 +34,20 @@
   },
   "call_name": "Nome della chiamata",
   "common": {
+    "camera": "Fotocamera",
     "display_name": "Il tuo nome",
     "encrypted": "Cifrata",
     "home": "Pagina iniziale",
     "loading": "Caricamento…",
+    "microphone": "Microfono",
     "profile": "Profilo",
     "settings": "Impostazioni",
     "unencrypted": "Non cifrata",
     "username": "Nome utente"
   },
   "disconnected_banner": "La connessione al server è stata persa.",
+  "full_screen_view_description": "<0>L'invio di registri di debug ci aiuterà ad individuare il problema.</0>",
+  "full_screen_view_h1": "<0>Ops, qualcosa è andato storto.</0>",
   "hangup_button_label": "Termina chiamata",
   "header_label": "Inizio di Element Call",
   "header_participants_label": "Partecipanti",
@@ -94,7 +100,8 @@
     "feedback_tab_h4": "Invia commento",
     "feedback_tab_send_logs_label": "Includi registri di debug",
     "feedback_tab_thank_you": "Grazie, abbiamo ricevuto il tuo commento!",
-    "opt_in_description": "<0></0><1></1>Puoi revocare il consenso deselezionando questa casella. Se attualmente sei in una chiamata, avrà effetto al termine di essa."
+    "opt_in_description": "<0></0><1></1>Puoi revocare il consenso deselezionando questa casella. Se attualmente sei in una chiamata, avrà effetto al termine di essa.",
+    "speaker_device_selection_label": "Altoparlante"
   },
   "star_rating_input_label_one": "{{count}} stelle",
   "star_rating_input_label_other": "{{count}} stelle",

locales/ja/app.json

@@ -17,15 +17,18 @@
   "common": {
     "audio": "音声",
     "avatar": "アバター",
+    "camera": "カメラ",
     "display_name": "表示名",
     "home": "ホーム",
     "loading": "読み込んでいます…",
+    "microphone": "マイク",
     "password": "パスワード",
     "profile": "プロフィール",
     "settings": "設定",
     "username": "ユーザー名",
     "video": "ビデオ"
   },
+  "full_screen_view_h1": "<0>何かがうまく行きませんでした。</0>",
   "header_label": "Element Call ホーム",
   "join_existing_call_modal": {
     "join_button": "はい、通話に参加",
@@ -56,7 +59,8 @@
   "settings": {
     "developer_tab_title": "開発者",
     "feedback_tab_h4": "フィードバックを送信",
-    "feedback_tab_send_logs_label": "デバッグログを含める"
+    "feedback_tab_send_logs_label": "デバッグログを含める",
+    "speaker_device_selection_label": "スピーカー"
   },
   "unauthenticated_view_body": "アカウントがありませんか？ <2>アカウントを作成</2>",
   "unauthenticated_view_login_button": "アカウントにログイン",

locales/lv/app.json

@@ -14,6 +14,7 @@
   },
   "analytics_notice": "Piedalīšanās šajā beta apliecina piekrišanu anonīmu datu ievākšanai, ko mēs izmantojam, lai uzlabotu izstrādājumu. Vairāk informācijas par datiem, ko mēs ievācam, var atrast mūsu <2>privātuma nosacījumos</2> un <5>sīkdatņu nosacījumos</5>.",
   "call_ended_view": {
+    "body": "Tu tiki atvienots no zvana",
     "create_account_button": "Izveidot kontu",
     "create_account_prompt": "<0>Kādēļ nepabeigt ar paroles iestatīšanu, lai paturētu savu kontu?</0><1>Būs iespējams paturēt savu vārdu un iestatīt attēlu izmantošanai turpmākajos zvanos</1>",
     "feedback_done": "<0>Paldies par atsauksmi!</0>",
@@ -26,15 +27,19 @@
   "common": {
     "audio": "Skaņa",
     "avatar": "Attēls",
+    "camera": "Kamera",
     "display_name": "Attēlojamais vārds",
     "home": "Sākums",
     "loading": "Lādējas…",
+    "microphone": "Mikrofons",
     "password": "Parole",
     "profile": "Profils",
     "settings": "Iestatījumi",
     "username": "Lietotājvārds"
   },
   "disconnected_banner": "Ir zaudēts savienojums ar serveri.",
+  "full_screen_view_description": "<0>Atkļūdošanas žurnāla ierakstu iesūtīšana palīdzēs mums atklāt nepilnību.</0>",
+  "full_screen_view_h1": "<0>Ak vai, kaut kas nogāja greizi!</0>",
   "header_label": "Element Call sākums",
   "join_existing_call_modal": {
     "join_button": "Jā, pievienoties zvanam",
@@ -77,7 +82,8 @@
     "feedback_tab_send_logs_label": "Iekļaut atkļūdošanas žurnāla ierakstus",
     "feedback_tab_thank_you": "Paldies, mēs saņēmām atsauksmi!",
     "feedback_tab_title": "Atsauksmes",
-    "opt_in_description": "<0></0><1></1>Savu piekrišanu var atsaukt ar atzīmes noņemšanu no šīs rūtiņas. Ja pašreiz atrodies zvanā, šis iestatījums stāsies spēkā zvana beigās."
+    "opt_in_description": "<0></0><1></1>Savu piekrišanu var atsaukt ar atzīmes noņemšanu no šīs rūtiņas. Ja pašreiz atrodies zvanā, šis iestatījums stāsies spēkā zvana beigās.",
+    "speaker_device_selection_label": "Runātājs"
   },
   "star_rating_input_label_one": "{{count}} zvaigzne",
   "star_rating_input_label_other": "{{count}} zvaigznes",

locales/pl/app.json

@@ -21,7 +21,9 @@
     "text": "Gotowy, by dołączyć?",
     "title": "Wybierz aplikację"
   },
+  "browser_media_e2ee_unsupported": "Twoja przeglądarka nie wspiera szyfrowania end-to-end. Wspierane przeglądarki to Chrome, Safari, Firefox >=117",
   "call_ended_view": {
+    "body": "Rozłączono Cię z połączenia",
     "create_account_button": "Utwórz konto",
     "create_account_prompt": "<0>Może zechcesz ustawić hasło, aby zachować swoje konto?</0><1>Będziesz w stanie utrzymać swoją nazwę i ustawić awatar do wyświetlania podczas połączeń w przyszłości</1>",
     "feedback_done": "<0>Dziękujemy za Twoją opinię!</0>",
@@ -35,10 +37,12 @@
   "common": {
     "audio": "Dźwięk",
     "avatar": "Awatar",
+    "camera": "Kamera",
     "display_name": "Nazwa wyświetlana",
     "encrypted": "Szyfrowane",
     "home": "Strona domowa",
     "loading": "Ładowanie…",
+    "microphone": "Mikrofon",
     "password": "Hasło",
     "profile": "Profil",
     "settings": "Ustawienia",
@@ -47,6 +51,8 @@
     "video": "Wideo"
   },
   "disconnected_banner": "Utracono połączenie z serwerem.",
+  "full_screen_view_description": "<0>Wysłanie dzienników debuggowania pomoże nam ustalić przyczynę problemu.</0>",
+  "full_screen_view_h1": "<0>Ojej, coś poszło nie tak.</0>",
   "hangup_button_label": "Zakończ połączenie",
   "header_label": "Strona główna Element Call",
   "header_participants_label": "Uczestnicy",
@@ -100,7 +106,8 @@
     "feedback_tab_send_logs_label": "Dołącz dzienniki debugowania",
     "feedback_tab_thank_you": "Dziękujemy, otrzymaliśmy Twoją opinię!",
     "feedback_tab_title": "Opinia użytkownika",
-    "opt_in_description": "<0></0><1></1>Możesz wycofać swoją zgodę poprzez odznaczenie tego pola. Jeśli już jesteś w trakcie rozmowy, opcja zostanie zastosowana po jej zakończeniu."
+    "opt_in_description": "<0></0><1></1>Możesz wycofać swoją zgodę poprzez odznaczenie tego pola. Jeśli już jesteś w trakcie rozmowy, opcja zostanie zastosowana po jej zakończeniu.",
+    "speaker_device_selection_label": "Głośnik"
   },
   "star_rating_input_label_one": "{{count}} gwiazdki",
   "star_rating_input_label_other": "{{count}} gwiazdki",

locales/ro/app.json

@@ -28,7 +28,11 @@
     "text": "Sunteți gata să vă alăturați?",
     "title": "Selectați aplicația"
   },
+  "application_opened_another_tab": "Această aplicație a fost deschisă într-o altă filă.",
+  "browser_media_e2ee_unsupported": "Browserul dvs. web nu acceptă criptarea media end-to-end. Browserele acceptate sunt Chrome, Safari, Firefox > = 117",
+  "browser_media_e2ee_unsupported_heading": "Browser incompatibil",
   "call_ended_view": {
+    "body": "Ai fost deconectat de la apel",
     "create_account_button": "Creează cont",
     "create_account_prompt": "<0>De ce să nu terminați prin configurarea unei parole pentru a vă păstra contul? </0><1>Veți putea să vă păstrați numele și să setați un avatar pentru a fi utilizat la apelurile viitoare </1>",
     "feedback_done": "<0>Vă mulțumim pentru feedback! </0>",
@@ -44,10 +48,13 @@
     "audio": "Audio",
     "avatar": "avatar",
     "back": "Înapoi",
+    "camera": "Aparat foto",
     "display_name": "Nume afișat",
     "encrypted": "Criptat",
+    "error": "Eroare",
     "home": "Acasa",
     "loading": "Se încarcă...",
+    "microphone": "Microfon",
     "next": "Urmator\n",
     "options": "Opțiuni",
     "password": "Parolă",
@@ -56,6 +63,7 @@
     "reaction": "Reacție",
     "reactions": "Reacții",
     "settings": "Settings",
+    "something_went_wrong": "Ceva nu a mers bine",
     "unencrypted": "Nu este criptat",
     "username": "Nume utilizator",
     "video": "Videoclip"
@@ -68,11 +76,15 @@
     "matrix_id": "ID-ul matricei: {{id}}"
   },
   "disconnected_banner": "Conectivitatea la server a fost pierdută.",
+  "full_screen_view_description": "<0>Trimiterea jurnalelor de depanare ne va ajuta să urmărim problema. </0>",
+  "full_screen_view_h1": "<0>Hopa, ceva nu a mers bine. </0>",
   "group_call_loader": {
     "banned_body": "Ai fost interzis să ieși din cameră.",
     "banned_heading": "Interzis",
     "call_ended_body": "Ați fost eliminat din apel.",
     "call_ended_heading": "Apel încheiat",
+    "failed_heading": "Nu s-a putut alătura",
+    "failed_text": "Apelul nu a fost găsit sau nu este accesibil.",
     "knock_reject_body": "Cererea dvs. de a vă alătura a fost respinsă.",
     "knock_reject_heading": "Acces refuzat",
     "reason": "Motivul"
@@ -149,7 +161,8 @@
       "reactions_play_sound_label": "Redați sunete de reacție",
       "reactions_show_description": "Afișați o animație atunci când cineva trimite o reacție.",
       "reactions_show_label": "Afișați reacțiile"
-    }
+    },
+    "speaker_device_selection_label": "vorbitor"
   },
   "start_new_call": "Începe un nou apel",
   "start_video_button_label": "Începeți videoclipul",

locales/ru/app.json

@@ -25,15 +25,19 @@
   "common": {
     "audio": "Аудио",
     "avatar": "Аватар",
+    "camera": "Камера",
     "display_name": "Видимое имя",
     "home": "Начало",
     "loading": "Загрузка…",
+    "microphone": "Микрофон",
     "password": "Пароль",
     "profile": "Профиль",
     "settings": "Настройки",
     "username": "Имя пользователя",
     "video": "Видео"
   },
+  "full_screen_view_description": "<0>Отправка журналов поможет нам найти и устранить проблему.</0>",
+  "full_screen_view_h1": "<0>Упс, что-то пошло не так.</0>",
   "header_label": "Главная Element Call",
   "join_existing_call_modal": {
     "join_button": "Да, присоединиться",
@@ -72,7 +76,8 @@
     "feedback_tab_send_logs_label": "Приложить журнал отладки",
     "feedback_tab_thank_you": "Спасибо. Мы получили ваш отзыв!",
     "feedback_tab_title": "Отзыв",
-    "opt_in_description": "<0></0><1></1>Вы можете отозвать согласие, сняв этот флажок. Если вы в данный момент находитесь в разговоре, эта настройка вступит в силу по окончании разговора."
+    "opt_in_description": "<0></0><1></1>Вы можете отозвать согласие, сняв этот флажок. Если вы в данный момент находитесь в разговоре, эта настройка вступит в силу по окончании разговора.",
+    "speaker_device_selection_label": "Динамик"
   },
   "star_rating_input_label_one": "{{count}} отмечен",
   "star_rating_input_label_other": "{{count}} отмеченных",

locales/sk/app.json

@@ -21,7 +21,9 @@
     "text": "Ste pripravení sa pridať?",
     "title": "Vybrať aplikáciu"
   },
+  "browser_media_e2ee_unsupported": "Váš webový prehliadač nepodporuje end-to-end šifrovanie médií. Podporované prehliadače sú Chrome, Safari, Firefox >=117",
   "call_ended_view": {
+    "body": "Boli ste odpojení z hovoru",
     "create_account_button": "Vytvoriť účet",
     "create_account_prompt": "<0>Prečo neskončiť nastavením hesla, aby ste si zachovali svoj účet? </0><1>Budete si môcť ponechať svoje meno a nastaviť obrázok, ktorý sa bude používať pri budúcich hovoroch</1>",
     "feedback_done": "<0> Ďakujeme za vašu spätnú väzbu!</0>",
@@ -34,10 +36,12 @@
   "call_name": "Názov hovoru",
   "common": {
     "avatar": "Obrázok",
+    "camera": "Kamera",
     "display_name": "Zobrazované meno",
     "encrypted": "Šifrované",
     "home": "Domov",
     "loading": "Načítanie…",
+    "microphone": "Mikrofón",
     "password": "Heslo",
     "profile": "Profil",
     "settings": "Nastavenia",
@@ -45,6 +49,8 @@
     "username": "Meno používateľa"
   },
   "disconnected_banner": "Spojenie so serverom sa stratilo.",
+  "full_screen_view_description": "<0>Odoslanie záznamov ladenia nám pomôže nájsť problém.</0>",
+  "full_screen_view_h1": "<0>Hups, niečo sa pokazilo.</0>",
   "hangup_button_label": "Ukončiť hovor",
   "header_label": "Domov Element Call",
   "header_participants_label": "Účastníci",
@@ -98,7 +104,8 @@
     "feedback_tab_send_logs_label": "Zahrnúť záznamy o ladení",
     "feedback_tab_thank_you": "Ďakujeme, dostali sme vašu spätnú väzbu!",
     "feedback_tab_title": "Spätná väzba",
-    "opt_in_description": "<0></0><1></1>Súhlas môžete odvolať zrušením označenia tohto políčka. Ak práve prebieha hovor, toto nastavenie nadobudne platnosť po skončení hovoru."
+    "opt_in_description": "<0></0><1></1>Súhlas môžete odvolať zrušením označenia tohto políčka. Ak práve prebieha hovor, toto nastavenie nadobudne platnosť po skončení hovoru.",
+    "speaker_device_selection_label": "Reproduktor"
   },
   "star_rating_input_label_one": "{{count}} hviezdička",
   "star_rating_input_label_other": "{{count}} hviezdičiek",

locales/tr/app.json

@@ -15,9 +15,11 @@
   },
   "common": {
     "audio": "Ses",
+    "camera": "Kamera",
     "display_name": "Ekran adı",
     "home": "Ev",
     "loading": "Yükleniyor…",
+    "microphone": "Mikrofon",
     "password": "Parola",
     "settings": "Ayarlar"
   },

locales/uk/app.json

@@ -21,7 +21,9 @@
     "text": "Готові приєднатися?",
     "title": "Вибрати застосунок"
   },
+  "browser_media_e2ee_unsupported": "Ваш браузер не підтримує наскрізне шифрування мультимедійних даних. Підтримувані браузери: Chrome, Safari, Firefox >=117",
   "call_ended_view": {
+    "body": "Вас від'єднано від виклику",
     "create_account_button": "Створити обліковий запис",
     "create_account_prompt": "<0>Чому б не завершити, налаштувавши пароль для збереження свого облікового запису?</0><1>Ви зможете зберегти своє ім'я та встановити аватарку для подальшого користування під час майбутніх викликів</1>",
     "feedback_done": "<0>Дякуємо за ваш відгук!</0>",
@@ -35,10 +37,12 @@
   "common": {
     "audio": "Звук",
     "avatar": "Аватар",
+    "camera": "Камера",
     "display_name": "Псевдонім",
     "encrypted": "Зашифровано",
     "home": "Домівка",
     "loading": "Завантаження…",
+    "microphone": "Мікрофон",
     "password": "Пароль",
     "profile": "Профіль",
     "settings": "Налаштування",
@@ -47,6 +51,8 @@
     "video": "Відео"
   },
   "disconnected_banner": "Втрачено зв'язок з сервером.",
+  "full_screen_view_description": "<0>Надсилання журналів налагодження допоможе нам виявити проблему.</0>",
+  "full_screen_view_h1": "<0>Йой, щось пішло не за планом.</0>",
   "hangup_button_label": "Завершити виклик",
   "header_label": "Домівка Element Call",
   "header_participants_label": "Учасники",
@@ -100,7 +106,8 @@
     "feedback_tab_send_logs_label": "Долучити журнали налагодження",
     "feedback_tab_thank_you": "Дякуємо, ми отримали ваш відгук!",
     "feedback_tab_title": "Відгук",
-    "opt_in_description": "<0></0><1></1>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику."
+    "opt_in_description": "<0></0><1></1>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику.",
+    "speaker_device_selection_label": "Динамік"
   },
   "star_rating_input_label_one": "{{count}} зірок",
   "star_rating_input_label_other": "{{count}} зірок",

locales/vi/app.json

@@ -17,14 +17,18 @@
   "common": {
     "audio": "Âm thanh",
     "avatar": "Ảnh đại diện",
+    "camera": "Máy quay",
     "display_name": "Tên hiển thị",
     "loading": "Đang tải…",
+    "microphone": "Micrô",
     "password": "Mật khẩu",
     "profile": "Hồ sơ",
     "settings": "Cài đặt",
     "username": "Tên người dùng",
     "video": "Truyền hình"
   },
+  "full_screen_view_description": "<0>Gửi nhật ký gỡ lỗi sẽ giúp chúng tôi theo dõi vấn đề.</0>",
+  "full_screen_view_h1": "<0>Ối, có cái gì đó sai.</0>",
   "join_existing_call_modal": {
     "join_button": "Vâng, tham gia cuộc gọi",
     "text": "Cuộc gọi đã tồn tại, bạn có muốn tham gia không?",
@@ -56,7 +60,8 @@
     "feedback_tab_h4": "Gửi phản hồi",
     "feedback_tab_send_logs_label": "Kèm theo nhật ký gỡ lỗi",
     "feedback_tab_thank_you": "Cảm ơn, chúng tôi đã nhận được phản hồi!",
-    "feedback_tab_title": "Phản hồi"
+    "feedback_tab_title": "Phản hồi",
+    "speaker_device_selection_label": "Loa"
   },
   "submitting": "Đang gửi…",
   "unauthenticated_view_body": "Chưa đăng ký? <2>Tạo tài khoản</2>",

locales/zh-Hans/app.json

@@ -19,7 +19,9 @@
     "text": "准备好加入了吗？",
     "title": "选择应用程序"
   },
+  "browser_media_e2ee_unsupported": "您的浏览器不支持媒体端对端加密。支持的浏览器有 Chrome、Safari、Firefox >=117",
   "call_ended_view": {
+    "body": "通话已中断",
     "create_account_button": "创建账户",
     "create_account_prompt": "<0>为何不设置密码来保留你的账户？</0><1>保留昵称并设置头像，以便在未来的通话中使用。</1>",
     "feedback_done": "<0>感谢反馈！</0>",
@@ -33,10 +35,12 @@
   "common": {
     "audio": "音频",
     "avatar": "头像",
+    "camera": "摄像头",
     "display_name": "显示名称",
     "encrypted": "已加密",
     "home": "主页",
     "loading": "加载中……",
+    "microphone": "麦克风",
     "password": "密码",
     "profile": "个人信息",
     "settings": "设置",
@@ -45,6 +49,8 @@
     "video": "视频"
   },
   "disconnected_banner": "与服务器的连接中断。",
+  "full_screen_view_description": "<0>提交日志以帮助我们修复问题。</0>",
+  "full_screen_view_h1": "<0>哎哟，出问题了。</0>",
   "hangup_button_label": "通话结束",
   "header_label": "Element Call主页",
   "join_existing_call_modal": {
@@ -93,7 +99,8 @@
     "feedback_tab_send_logs_label": "包含调试日志",
     "feedback_tab_thank_you": "谢谢，我们收到了反馈！",
     "feedback_tab_title": "反馈",
-    "opt_in_description": "<0></0><1></1>您可以取消选中复选框来撤回同意。如果正在通话中，此设置将在通话结束时生效。"
+    "opt_in_description": "<0></0><1></1>您可以取消选中复选框来撤回同意。如果正在通话中，此设置将在通话结束时生效。",
+    "speaker_device_selection_label": "发言人"
   },
   "star_rating_input_label_one": "{{count}} 个星",
   "star_rating_input_label_other": "{{count}} 个星",

locales/zh-Hant/app.json

@@ -21,7 +21,9 @@
     "text": "準備好加入了？",
     "title": "選取應用程式"
   },
+  "browser_media_e2ee_unsupported": "您的網路瀏覽器不支援媒體端到端加密。支援的瀏覽器包含了 Chrome、Safari、Firefox >=117",
   "call_ended_view": {
+    "body": "您已從通話斷線",
     "create_account_button": "建立帳號",
     "create_account_prompt": "<0>何不設定密碼以保留此帳號？</0><1>您可以保留暱稱並設定頭像，以便未來通話時使用</1>",
     "feedback_done": "<0>感謝您的回饋！</0>",
@@ -35,10 +37,12 @@
   "common": {
     "audio": "語音",
     "avatar": "大頭照",
+    "camera": "相機",
     "display_name": "顯示名稱",
     "encrypted": "已加密",
     "home": "首頁",
     "loading": "載入中…",
+    "microphone": "麥克風",
     "password": "密碼",
     "profile": "個人檔案",
     "settings": "設定",
@@ -47,6 +51,8 @@
     "video": "視訊"
   },
   "disconnected_banner": "到伺服器的連線已遺失。",
+  "full_screen_view_description": "<0>送出除錯紀錄，可幫助我們修正問題。</0>",
+  "full_screen_view_h1": "<0>喔喔，有些地方怪怪的。</0>",
   "hangup_button_label": "結束通話",
   "header_label": "Element Call 首頁",
   "header_participants_label": "參與者",
@@ -100,7 +106,8 @@
     "feedback_tab_send_logs_label": "包含除錯紀錄",
     "feedback_tab_thank_you": "感謝，我們已經收到您的回饋了！",
     "feedback_tab_title": "回饋",
-    "opt_in_description": "<0></0><1></1>您可以透過取消核取此方塊來撤回同意。若您目前正在通話中，此設定將在通話結束時生效。"
+    "opt_in_description": "<0></0><1></1>您可以透過取消核取此方塊來撤回同意。若您目前正在通話中，此設定將在通話結束時生效。",
+    "speaker_device_selection_label": "發言者"
   },
   "star_rating_input_label_one": "{{count}} 個星星",
   "star_rating_input_label_other": "{{count}} 個星星",

package.json

@@ -29,12 +29,11 @@
     "@fontsource/inter": "^5.1.0",
     "@formatjs/intl-durationformat": "^0.7.0",
     "@formatjs/intl-segmenter": "^11.7.3",
-    "@livekit/components-core": "^0.12.0",
+    "@livekit/components-core": "^0.11.0",
     "@livekit/components-react": "^2.0.0",
-    "@livekit/protocol": "^1.33.0",
     "@opentelemetry/api": "^1.4.0",
     "@opentelemetry/core": "^1.25.1",
-    "@opentelemetry/exporter-trace-otlp-http": "^0.57.0",
+    "@opentelemetry/exporter-trace-otlp-http": "^0.56.0",
     "@opentelemetry/resources": "^1.25.1",
     "@opentelemetry/sdk-trace-base": "^1.25.1",
     "@opentelemetry/sdk-trace-web": "^1.9.1",
@@ -44,11 +43,11 @@
     "@radix-ui/react-visually-hidden": "^1.0.3",
     "@react-spring/web": "^9.4.4",
     "@sentry/react": "^8.0.0",
-    "@sentry/vite-plugin": "^3.0.0",
-    "@stylistic/eslint-plugin": "^3.0.0",
+    "@sentry/vite-plugin": "^2.0.0",
     "@testing-library/dom": "^10.1.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.0",
+    "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.1",
     "@types/content-type": "^1.1.5",
     "@types/grecaptcha": "^3.0.9",
@@ -57,42 +56,43 @@
     "@types/node": "^22.0.0",
     "@types/pako": "^2.0.3",
     "@types/qrcode": "^1.5.5",
-    "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
+    "@types/react-router-dom": "^5.3.3",
     "@types/sdp-transform": "^2.4.5",
     "@types/uuid": "10",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
     "@use-gesture/react": "^10.2.11",
-    "@vector-im/compound-design-tokens": "^3.0.0",
+    "@vector-im/compound-design-tokens": "^2.0.0",
     "@vector-im/compound-web": "^7.2.0",
     "@vitejs/plugin-basic-ssl": "^1.0.1",
     "@vitejs/plugin-react": "^4.0.1",
-    "@vitest/coverage-v8": "^3.0.0",
+    "@vitest/coverage-v8": "^2.0.5",
     "babel-plugin-transform-vite-meta-env": "^1.0.3",
     "classnames": "^2.3.1",
     "eslint": "^8.14.0",
     "eslint-config-google": "^0.14.0",
-    "eslint-config-prettier": "^10.0.0",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-deprecate": "^0.8.2",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-matrix-org": "^2.0.0",
+    "eslint-plugin-matrix-org": "^1.2.1",
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-rxjs": "^5.0.3",
     "eslint-plugin-unicorn": "^56.0.0",
-    "global-jsdom": "^26.0.0",
-    "i18next": "^24.0.0",
+    "global-jsdom": "^25.0.0",
+    "history": "^4.0.0",
+    "i18next": "^23.0.0",
     "i18next-browser-languagedetector": "^8.0.0",
-    "i18next-parser": "^9.1.0",
-    "jsdom": "^26.0.0",
+    "i18next-parser": "^9.0.0",
+    "jsdom": "^25.0.0",
     "knip": "^5.27.2",
     "livekit-client": "^2.5.7",
     "lodash-es": "^4.17.21",
     "loglevel": "^1.9.1",
-    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#0cdb07544d9926cf0855a76ca5cc7dab253bdb24",
-    "matrix-widget-api": "1.11.0",
+    "matrix-js-sdk": "matrix-org/matrix-js-sdk#develop",
+    "matrix-widget-api": "^1.10.0",
     "normalize.css": "^8.0.1",
     "observable-hooks": "^4.2.3",
     "pako": "^2.0.4",
@@ -104,7 +104,7 @@
     "react": "18",
     "react-dom": "18",
     "react-i18next": "^15.0.0",
-    "react-router-dom": "^7.0.0",
+    "react-router-dom": "^5.2.0",
     "react-use-clipboard": "^1.0.7",
     "react-use-measure": "^2.1.1",
     "rxjs": "^7.8.1",
@@ -114,13 +114,13 @@
     "unique-names-generator": "^4.6.0",
     "vaul": "^1.0.0",
     "vite": "^6.0.0",
+    "vite-plugin-compression2": "^1.3.1",
     "vite-plugin-html-template": "^1.1.0",
     "vite-plugin-svgr": "^4.0.0",
-    "vitest": "^3.0.0",
+    "vitest": "^2.0.0",
     "vitest-axe": "^1.0.0-pre.3"
   },
   "resolutions": {
-    "@livekit/components-core/rxjs": "^7.8.1",
-    "matrix-widget-api": "1.11.0"
+    "strip-ansi": "6.0.1"
   }
 }

public/index.html

@@ -8,28 +8,10 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
     />
-    <title><%- brand %></title>
+    <title><%- title %></title>
     <script>
       window.global = window;
     </script>
-
-    <!-- Open graph meta tags -->
-
-    <meta property="og:title" content="<%- brand %>" />
-    <meta
-      property="og:description"
-      content="You're invited to join a call on <%- brand %>"
-    />
-    <meta property="og:type" content="website" />
-    <meta property="og:image" content="favicon.png" />
-
-    <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:title" content="<%- brand %>" />
-    <meta
-      name="twitter:description"
-      content="You're invited to join a call on <%- brand %>"
-    />
-    <meta name="twitter:image" content="favicon.png" />
   </head>
 
   <!-- The default class is: .no-theme {display: none}. It will be overwritten once the app is loaded. -->

renovate.json

@@ -1,22 +1,18 @@
 {
   "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": [
-    "config:recommended",
-    "schedule:monthly",
-    ":enableVulnerabilityAlertsWithLabel(security)"
-  ],
-  "addLabels": ["dependencies"],
-  "minimumReleaseAge": "5 days",
+  "extends": ["config:recommended"],
   "packageRules": [
     {
       "groupName": "all non-major dependencies",
       "groupSlug": "all-minor-patch",
-      "matchUpdateTypes": ["minor", "patch"]
+      "matchUpdateTypes": ["minor", "patch"],
+      "extends": ["schedule:weekly"]
     },
     {
       "groupName": "GitHub Actions",
       "matchDepTypes": ["action"],
-      "pinDigests": true
+      "pinDigests": true,
+      "extends": ["schedule:monthly"]
     },
     {
       "description": "Disable Renovate for packages we want to monitor ourselves",
@@ -26,35 +22,28 @@
     },
     {
       "groupName": "matrix-widget-api",
-      "matchDepNames": ["matrix-widget-api"],
-      "extends": ["schedule:weekly"]
+      "matchDepNames": ["matrix-widget-api"]
     },
     {
       "groupName": "Compound",
-      "matchPackageNames": ["@vector-im/compound-{/,}**"],
-      "extends": ["schedule:weekly"]
+      "schedule": "before 5am on Tuesday and Friday",
+      "matchPackageNames": ["@vector-im/compound-{/,}**"]
     },
     {
       "groupName": "LiveKit client",
-      "matchDepNames": ["livekit-client"],
-      "extends": ["schedule:weekly"]
+      "matchDepNames": ["livekit-client"]
     },
     {
       "groupName": "LiveKit components",
-      "matchPackageNames": ["@livekit/components-{/,}**"],
-      "extends": ["schedule:weekly"]
+      "matchPackageNames": ["@livekit/components-{/,}**"]
     },
     {
       "groupName": "Vaul",
       "matchDepNames": ["vaul"],
+      "extends": ["schedule:monthly"],
       "prHeader": "Please review modals on mobile for visual regressions."
     }
   ],
   "semanticCommits": "disabled",
-  "ignoreDeps": ["posthog-js"],
-  "vulnerabilityAlerts": {
-    "schedule": ["at any time"],
-    "prHourlyLimit": 0,
-    "minimumReleaseAge": null
-  }
+  "ignoreDeps": ["posthog-js"]
 }

src/@types/global.d.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/@types/i18next.d.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/@types/matrix-js-sdk.d.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
@@ -15,12 +15,4 @@ declare module "matrix-js-sdk/src/types" {
   export interface TimelineEvents {
     [ElementCallReactionEventType]: ECallReactionEventContent;
   }
-
-  export interface AccountDataEvents {
-    // Analytics account data event
-    "im.vector.analytics": {
-      id: string;
-      pseudonymousAnalyticsOptIn?: boolean;
-    };
-  }
 }

src/@types/modules.d.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/App.tsx

@@ -1,13 +1,19 @@
 /*
 Copyright 2021-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
-import { type FC, type JSX, Suspense, useEffect, useState } from "react";
-import { BrowserRouter, Route, useLocation, Routes } from "react-router-dom";
+import { type FC, Suspense, useEffect, useState } from "react";
+import {
+  BrowserRouter as Router,
+  Switch,
+  Route,
+  useLocation,
+} from "react-router-dom";
 import * as Sentry from "@sentry/react";
+import { type History } from "history";
 import { TooltipProvider } from "@vector-im/compound-web";
 import { logger } from "matrix-js-sdk/src/logger";
 
@@ -16,14 +22,14 @@ import { LoginPage } from "./auth/LoginPage";
 import { RegisterPage } from "./auth/RegisterPage";
 import { RoomPage } from "./room/RoomPage";
 import { ClientProvider } from "./ClientContext";
-import { ErrorPage, LoadingPage } from "./FullScreenView";
+import { CrashView, LoadingView } from "./FullScreenView";
 import { DisconnectedBanner } from "./DisconnectedBanner";
 import { Initializer } from "./initializer";
 import { MediaDevicesProvider } from "./livekit/MediaDevicesContext";
 import { widget } from "./widget";
 import { useTheme } from "./useTheme";
 
-const SentryRoute = Sentry.withSentryReactRouterV7Routing(Route);
+const SentryRoute = Sentry.withSentryRouting(Route);
 
 interface SimpleProviderProps {
   children: JSX.Element;
@@ -49,7 +55,11 @@ const ThemeProvider: FC<SimpleProviderProps> = ({ children }) => {
   return children;
 };
 
-export const App: FC = () => {
+interface AppProps {
+  history: History;
+}
+
+export const App: FC<AppProps> = ({ history }) => {
   const [loaded, setLoaded] = useState(false);
   useEffect(() => {
     Initializer.init()
@@ -61,10 +71,12 @@ export const App: FC = () => {
       .catch(logger.error);
   });
 
+  const errorPage = <CrashView />;
+
   return (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    <BrowserRouter>
+    <Router history={history}>
       <BackgroundProvider>
         <ThemeProvider>
           <TooltipProvider>
@@ -72,27 +84,32 @@ export const App: FC = () => {
               <Suspense fallback={null}>
                 <ClientProvider>
                   <MediaDevicesProvider>
-                    <Sentry.ErrorBoundary fallback={ErrorPage}>
+                    <Sentry.ErrorBoundary fallback={errorPage}>
                       <DisconnectedBanner />
-                      <Routes>
-                        <SentryRoute path="/" element={<HomePage />} />
-                        <SentryRoute path="/login" element={<LoginPage />} />
-                        <SentryRoute
-                          path="/register"
-                          element={<RegisterPage />}
-                        />
-                        <SentryRoute path="*" element={<RoomPage />} />
-                      </Routes>
+                      <Switch>
+                        <SentryRoute exact path="/">
+                          <HomePage />
+                        </SentryRoute>
+                        <SentryRoute exact path="/login">
+                          <LoginPage />
+                        </SentryRoute>
+                        <SentryRoute exact path="/register">
+                          <RegisterPage />
+                        </SentryRoute>
+                        <SentryRoute path="*">
+                          <RoomPage />
+                        </SentryRoute>
+                      </Switch>
                     </Sentry.ErrorBoundary>
                   </MediaDevicesProvider>
                 </ClientProvider>
               </Suspense>
             ) : (
-              <LoadingPage />
+              <LoadingView />
             )}
           </TooltipProvider>
         </ThemeProvider>
       </BackgroundProvider>
-    </BrowserRouter>
+    </Router>
   );
 };

src/Avatar.test.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/Avatar.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/ClientContext.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2021-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
@@ -14,22 +14,22 @@ import {
   useContext,
   useRef,
   useMemo,
-  type JSX,
 } from "react";
-import { useNavigate } from "react-router-dom";
+import { useHistory } from "react-router-dom";
 import { logger } from "matrix-js-sdk/src/logger";
+import { useTranslation } from "react-i18next";
 import { type ISyncStateData, type SyncState } from "matrix-js-sdk/src/sync";
 import { ClientEvent, type MatrixClient } from "matrix-js-sdk/src/client";
 
 import type { WidgetApi } from "matrix-widget-api";
-import { ErrorPage } from "./FullScreenView";
+import { ErrorView } from "./FullScreenView";
 import { widget } from "./widget";
 import {
   PosthogAnalytics,
   RegistrationType,
 } from "./analytics/PosthogAnalytics";
+import { translatedError } from "./TranslatedError";
 import { useEventTarget } from "./useEvents";
-import { OpenElsewhereError } from "./RichError";
 
 declare global {
   interface Window {
@@ -144,7 +144,7 @@ interface Props {
 }
 
 export const ClientProvider: FC<Props> = ({ children }) => {
-  const navigate = useNavigate();
+  const history = useHistory();
 
   // null = signed out, undefined = loading
   const [initClientState, setInitClientState] = useState<
@@ -228,9 +228,11 @@ export const ClientProvider: FC<Props> = ({ children }) => {
     await client.clearStores();
     clearSession();
     setInitClientState(null);
-    await navigate("/");
+    history.push("/");
     PosthogAnalytics.instance.setRegistrationType(RegistrationType.Guest);
-  }, [navigate, initClientState?.client]);
+  }, [history, initClientState?.client]);
+
+  const { t } = useTranslation();
 
   // To protect against multiple sessions writing to the same storage
   // simultaneously, we send a broadcast message that shuts down all other
@@ -248,8 +250,8 @@ export const ClientProvider: FC<Props> = ({ children }) => {
     "message",
     useCallback(() => {
       initClientState?.client.stopClient();
-      setAlreadyOpenedErr(new OpenElsewhereError());
-    }, [initClientState?.client, setAlreadyOpenedErr]),
+      setAlreadyOpenedErr(translatedError("application_opened_another_tab", t));
+    }, [initClientState?.client, setAlreadyOpenedErr, t]),
   );
 
   const [isDisconnected, setIsDisconnected] = useState(false);
@@ -351,7 +353,7 @@ export const ClientProvider: FC<Props> = ({ children }) => {
   }, [initClientState, onSync]);
 
   if (alreadyOpenedErr) {
-    return <ErrorPage error={alreadyOpenedErr} />;
+    return <ErrorView error={alreadyOpenedErr} />;
   }
 
   return (

src/DisconnectedBanner.module.css

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/DisconnectedBanner.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/ErrorView.module.css

@@ -1,21 +0,0 @@
-.error {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--cpd-space-2x);
-  max-inline-size: 480px;
-}
-
-.icon {
-  margin-block-end: var(--cpd-space-4x);
-}
-
-.error > h1 {
-  margin: 0;
-}
-
-.error > p {
-  font: var(--cpd-font-body-lg-regular);
-  color: var(--cpd-color-text-secondary);
-  text-align: center;
-}

src/ErrorView.tsx

@@ -1,82 +0,0 @@
-/*
-Copyright 2025 New Vector Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE in the repository root for full details.
-*/
-
-import { BigIcon, Button, Heading } from "@vector-im/compound-web";
-import {
-  useCallback,
-  type ComponentType,
-  type FC,
-  type ReactNode,
-  type SVGAttributes,
-} from "react";
-import { useTranslation } from "react-i18next";
-
-import { RageshakeButton } from "./settings/RageshakeButton";
-import styles from "./ErrorView.module.css";
-import { useUrlParams } from "./UrlParams";
-import { LinkButton } from "./button";
-
-interface Props {
-  Icon: ComponentType<SVGAttributes<SVGElement>>;
-  title: string;
-  /**
-   * Show an option to submit a rageshake.
-   * @default false
-   */
-  rageshake?: boolean;
-  /**
-   * Whether the error is considered fatal, i.e. non-recoverable. Causes the app
-   * to fully reload when clicking 'return to home'.
-   * @default false
-   */
-  fatal?: boolean;
-  children: ReactNode;
-}
-
-export const ErrorView: FC<Props> = ({
-  Icon,
-  title,
-  rageshake,
-  fatal,
-  children,
-}) => {
-  const { t } = useTranslation();
-  const { confineToRoom } = useUrlParams();
-
-  const onReload = useCallback(() => {
-    window.location.href = "/";
-  }, []);
-
-  return (
-    <div className={styles.error}>
-      <BigIcon className={styles.icon}>
-        <Icon />
-      </BigIcon>
-      <Heading as="h1" weight="semibold" size="md">
-        {title}
-      </Heading>
-      {children}
-      {rageshake && (
-        <RageshakeButton description={`***Error View***: ${title}`} />
-      )}
-      {!confineToRoom &&
-        (fatal || location.pathname === "/" ? (
-          <Button
-            kind="tertiary"
-            className={styles.homeLink}
-            onClick={onReload}
-          >
-            {t("return_home_button")}
-          </Button>
-        ) : (
-          <LinkButton kind="tertiary" className={styles.homeLink} to="/">
-            {t("return_home_button")}
-          </LinkButton>
-        ))}
-    </div>
-  );
-};

src/FullScreenView.module.css

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/FullScreenView.tsx

@@ -1,22 +1,25 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
-import { type FC, type ReactElement, type ReactNode, useEffect } from "react";
+import { type FC, type ReactNode, useCallback, useEffect } from "react";
+import { useLocation } from "react-router-dom";
 import classNames from "classnames";
-import { useTranslation } from "react-i18next";
+import { Trans, useTranslation } from "react-i18next";
 import * as Sentry from "@sentry/react";
 import { logger } from "matrix-js-sdk/src/logger";
-import { ErrorIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { Button } from "@vector-im/compound-web";
 
 import { Header, HeaderLogo, LeftNav, RightNav } from "./Header";
+import { LinkButton } from "./button";
 import styles from "./FullScreenView.module.css";
+import { TranslatedError } from "./TranslatedError";
+import { Config } from "./config/Config";
+import { RageshakeButton } from "./settings/RageshakeButton";
 import { useUrlParams } from "./UrlParams";
-import { RichError } from "./RichError";
-import { ErrorView } from "./ErrorView";
 
 interface FullScreenViewProps {
   className?: string;
@@ -30,14 +33,10 @@ export const FullScreenView: FC<FullScreenViewProps> = ({
   const { hideHeader } = useUrlParams();
   return (
     <div className={classNames(styles.page, className)}>
-      {!hideHeader && (
-        <Header>
-          <LeftNav>
-            <HeaderLogo />
-          </LeftNav>
-          <RightNav />
-        </Header>
-      )}
+      <Header>
+        <LeftNav>{!hideHeader && <HeaderLogo />}</LeftNav>
+        <RightNav />
+      </Header>
       <div className={styles.container}>
         <div className={styles.content}>{children}</div>
       </div>
@@ -45,33 +44,74 @@ export const FullScreenView: FC<FullScreenViewProps> = ({
   );
 };
 
-interface ErrorPageProps {
-  error: Error | unknown;
+interface ErrorViewProps {
+  error: Error;
 }
 
-// Due to this component being used as the crash fallback for Sentry, which has
-// weird type requirements, we can't just give this a type of FC<ErrorPageProps>
-export const ErrorPage = ({ error }: ErrorPageProps): ReactElement => {
+export const ErrorView: FC<ErrorViewProps> = ({ error }) => {
+  const location = useLocation();
+  const { confineToRoom } = useUrlParams();
   const { t } = useTranslation();
+
   useEffect(() => {
     logger.error(error);
     Sentry.captureException(error);
   }, [error]);
 
+  const onReload = useCallback(() => {
+    window.location.href = "/";
+  }, []);
+
   return (
     <FullScreenView>
-      {error instanceof RichError ? (
-        error.richMessage
-      ) : (
-        <ErrorView Icon={ErrorIcon} title={t("error.generic")} rageshake fatal>
-          <p>{t("error.generic_description")}</p>
-        </ErrorView>
-      )}
+      <h1>{t("common.error")}</h1>
+      <p>
+        {error instanceof TranslatedError
+          ? error.translatedMessage
+          : error.message}
+      </p>
+      <RageshakeButton description={`***Error View***: ${error.message}`} />
+      {!confineToRoom &&
+        (location.pathname === "/" ? (
+          <Button className={styles.homeLink} onClick={onReload}>
+            {t("return_home_button")}
+          </Button>
+        ) : (
+          <LinkButton className={styles.homeLink} to="/">
+            {t("return_home_button")}
+          </LinkButton>
+        ))}
     </FullScreenView>
   );
 };
 
-export const LoadingPage: FC = () => {
+export const CrashView: FC = () => {
+  const { t } = useTranslation();
+
+  const onReload = useCallback(() => {
+    window.location.href = "/";
+  }, []);
+
+  return (
+    <FullScreenView>
+      <Trans i18nKey="full_screen_view_h1">
+        <h1>Oops, something's gone wrong.</h1>
+      </Trans>
+      {Config.get().rageshake?.submit_url && (
+        <Trans i18nKey="full_screen_view_description">
+          <p>Submitting debug logs will help us track down the problem.</p>
+        </Trans>
+      )}
+
+      <RageshakeButton description="***Soft Crash***" />
+      <Button className={styles.wideButton} onClick={onReload}>
+        {t("return_home_button")}
+      </Button>
+    </FullScreenView>
+  );
+};
+
+export const LoadingView: FC = () => {
   const { t } = useTranslation();
 
   return (

src/Header.module.css

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/Header.test.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/Header.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/IndexedDBWorker.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/LazyEventEmitter.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/Modal.module.css

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/Modal.test.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
@@ -46,7 +46,7 @@ test("the modal can be closed by clicking the close button", async () => {
   }
   const user = userEvent.setup();
   const { queryByRole, getByRole } = render(<ModalFn />);
-  await user.click(getByRole("button", { name: "Close" }));
+  await user.click(getByRole("button", { name: "action.close" }));
   expect(queryByRole("dialog")).toBeNull();
 });
 

src/Modal.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/Overlay.module.css

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/Platform.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/QrCode.module.css

@@ -1,7 +1,7 @@
 /*
 Copyright 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/QrCode.test.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/QrCode.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/RTCConnectionStats.module.css

@@ -1,20 +0,0 @@
-/*
-Copyright 2024 New Vector Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE in the repository root for full details.
-*/
-
-.modal pre {
-  font-size: var(--font-size-micro);
-}
-
-.statsPill {
-  border-radius: var(--media-view-border-radius);
-  grid-area: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  flex-direction: column;
-  align-items: flex-start;
-}

src/RTCConnectionStats.tsx

@@ -1,112 +0,0 @@
-/*
-Copyright 2023, 2024 New Vector Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE in the repository root for full details.
-*/
-
-import { useState, type FC } from "react";
-import { Button, Text } from "@vector-im/compound-web";
-import {
-  MicOnSolidIcon,
-  VideoCallSolidIcon,
-} from "@vector-im/compound-design-tokens/assets/web/icons";
-import classNames from "classnames";
-
-import { Modal } from "./Modal";
-import styles from "./RTCConnectionStats.module.css";
-import mediaViewStyles from "../src/tile/MediaView.module.css";
-interface Props {
-  audio?: RTCInboundRtpStreamStats | RTCOutboundRtpStreamStats;
-  video?: RTCInboundRtpStreamStats | RTCOutboundRtpStreamStats;
-}
-
-// This is only used in developer mode for debugging purposes, so we don't need full localization
-export const RTCConnectionStats: FC<Props> = ({ audio, video, ...rest }) => {
-  const [showModal, setShowModal] = useState(false);
-  const [modalContents, setModalContents] = useState<
-    "video" | "audio" | "none"
-  >("none");
-
-  const showFullModal = (contents: "video" | "audio"): void => {
-    setShowModal(true);
-    setModalContents(contents);
-  };
-
-  const onDismissModal = (): void => {
-    setShowModal(false);
-    setModalContents("none");
-  };
-  return (
-    <div className={classNames(mediaViewStyles.nameTag, styles.statsPill)}>
-      <Modal
-        title="RTC Connection Stats"
-        open={showModal}
-        onDismiss={onDismissModal}
-      >
-        <div className={styles.modal}>
-          <pre>
-            {modalContents !== "none" &&
-              JSON.stringify(
-                modalContents === "video" ? video : audio,
-                null,
-                2,
-              )}
-          </pre>
-        </div>
-      </Modal>
-      {audio && (
-        <div>
-          <Button
-            onClick={() => showFullModal("audio")}
-            size="sm"
-            kind="tertiary"
-            Icon={MicOnSolidIcon}
-          >
-            {"jitter" in audio && typeof audio.jitter === "number" && (
-              <Text as="span" size="xs" title="jitter">
-                &nbsp;{(audio.jitter * 1000).toFixed(0)}ms
-              </Text>
-            )}
-          </Button>
-        </div>
-      )}
-      {video && (
-        <div>
-          <Button
-            onClick={() => showFullModal("video")}
-            size="sm"
-            kind="tertiary"
-            Icon={VideoCallSolidIcon}
-          >
-            {!!video?.framesPerSecond && (
-              <Text as="span" size="xs" title="frame rate">
-                &nbsp;{video.framesPerSecond.toFixed(0)}fps
-              </Text>
-            )}
-            {"jitter" in video && typeof video.jitter === "number" && (
-              <Text as="span" size="xs" title="jitter">
-                &nbsp;{(video.jitter * 1000).toFixed(0)}ms
-              </Text>
-            )}
-            {"frameHeight" in video &&
-              typeof video.frameHeight === "number" &&
-              "frameWidth" in video &&
-              typeof video.frameWidth === "number" && (
-                <Text as="span" size="xs" title="frame size">
-                  &nbsp;{video.frameWidth}x{video.frameHeight}
-                </Text>
-              )}
-            {"qualityLimitationReason" in video &&
-              typeof video.qualityLimitationReason === "string" &&
-              video.qualityLimitationReason !== "none" && (
-                <Text as="span" size="xs" title="quality limitation reason">
-                  &nbsp;{video.qualityLimitationReason}
-                </Text>
-              )}
-          </Button>
-        </div>
-      )}
-    </div>
-  );
-};

src/RichError.tsx

@@ -1,112 +0,0 @@
-/*
-Copyright 2025 New Vector Ltd.
-
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE in the repository root for full details.
-*/
-
-import { Trans, useTranslation } from "react-i18next";
-import {
-  ErrorIcon,
-  HostIcon,
-  PopOutIcon,
-} from "@vector-im/compound-design-tokens/assets/web/icons";
-
-import type { ComponentType, FC, ReactNode, SVGAttributes } from "react";
-import { ErrorView } from "./ErrorView";
-import { type ElementCallError, ErrorCategory } from "./utils/errors.ts";
-
-/**
- * An error consisting of a terse message to be logged to the console and a
- * richer message to be shown to the user, as a full-screen page.
- */
-export class RichError extends Error {
-  public constructor(
-    message: string,
-    /**
-     * The pretty, more helpful message to be shown on the error screen.
-     */
-    public readonly richMessage: ReactNode,
-  ) {
-    super(message);
-  }
-}
-
-const OpenElsewhere: FC = () => {
-  const { t } = useTranslation();
-
-  return (
-    <ErrorView Icon={PopOutIcon} title={t("error.open_elsewhere")}>
-      <p>
-        {t("error.open_elsewhere_description", {
-          brand: import.meta.env.VITE_PRODUCT_NAME || "Element Call",
-        })}
-      </p>
-    </ErrorView>
-  );
-};
-
-export class OpenElsewhereError extends RichError {
-  public constructor() {
-    super("App opened in another tab", <OpenElsewhere />);
-  }
-}
-
-const InsufficientCapacity: FC = () => {
-  const { t } = useTranslation();
-
-  return (
-    <ErrorView Icon={HostIcon} title={t("error.insufficient_capacity")}>
-      <p>{t("error.insufficient_capacity_description")}</p>
-    </ErrorView>
-  );
-};
-
-export class InsufficientCapacityError extends RichError {
-  public constructor() {
-    super("Insufficient server capacity", <InsufficientCapacity />);
-  }
-}
-
-type ECErrorProps = {
-  error: ElementCallError;
-};
-
-const GenericECError: FC<{ error: ElementCallError }> = ({
-  error,
-}: ECErrorProps) => {
-  const { t } = useTranslation();
-
-  let title: string;
-  let icon: ComponentType<SVGAttributes<SVGElement>>;
-  switch (error.category) {
-    case ErrorCategory.CONFIGURATION_ISSUE:
-      title = t("error.call_is_not_supported");
-      icon = HostIcon;
-      break;
-    default:
-      title = t("error.generic");
-      icon = ErrorIcon;
-  }
-  return (
-    <ErrorView Icon={icon} title={title}>
-      <p>
-        {error.localisedMessage ?? (
-          <Trans
-            i18nKey="error.unexpected_ec_error"
-            components={[<b />, <code />]}
-            values={{ errorCode: error.code }}
-          />
-        )}
-      </p>
-    </ErrorView>
-  );
-};
-
-export class ElementCallRichError extends RichError {
-  public ecError: ElementCallError;
-  public constructor(ecError: ElementCallError) {
-    super(ecError.message, <GenericECError error={ecError} />);
-    this.ecError = ecError;
-  }
-}

src/Slider.module.css

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/Slider.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/Toast.module.css

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/Toast.test.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/Toast.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/TranslatedError.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
@@ -9,9 +9,6 @@ import type { DefaultNamespace, ParseKeys, TFunction, TOptions } from "i18next";
 
 /**
  * An error with messages in both English and the user's preferred language.
- * Use this for errors that need to be displayed inline within another
- * component. For errors that could be given their own screen, prefer
- * {@link RichError}.
  */
 // Abstract to force consumers to use the function below rather than calling the
 // constructor directly

src/UrlParams.test.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
@@ -110,8 +110,8 @@ describe("UrlParams", () => {
   });
 
   describe("returnToLobby", () => {
-    it("is false in SPA mode", () => {
-      expect(getUrlParams("?returnToLobby=true").returnToLobby).toBe(false);
+    it("is true in SPA mode", () => {
+      expect(getUrlParams("?returnToLobby=false").returnToLobby).toBe(true);
     });
 
     it("defaults to false in widget mode", () => {

src/UrlParams.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
@@ -264,9 +264,7 @@ export const getUrlParams = (
       "skipLobby",
       isWidget && intent === UserIntent.StartNewCall,
     ),
-    // In SPA mode the user should always exit to the home screen when hanging
-    // up, rather than being sent back to the lobby
-    returnToLobby: isWidget ? parser.getFlagParam("returnToLobby") : false,
+    returnToLobby: isWidget ? parser.getFlagParam("returnToLobby") : true,
     theme: parser.getParam("theme"),
     viaServers: !isWidget ? parser.getParam("viaServers") : null,
     homeserver: !isWidget ? parser.getParam("homeserver") : null,

src/UserMenu.module.css

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/UserMenu.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
@@ -82,7 +82,7 @@ export const UserMenu: FC<Props> = ({
 
   if (!isAuthenticated) {
     return (
-      <LinkButton to={{ pathname: "/login" }} state={{ from: location }}>
+      <LinkButton to={{ pathname: "/login", state: { from: location } }}>
         {t("log_in")}
       </LinkButton>
     );

src/UserMenuContainer.tsx

@@ -1,13 +1,12 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
 import { type FC, useCallback, useState } from "react";
-import { useNavigate, useLocation } from "react-router-dom";
-import { logger } from "matrix-js-sdk/src/logger";
+import { useHistory, useLocation } from "react-router-dom";
 
 import { useClientLegacy } from "./ClientContext";
 import { useProfile } from "./profile/useProfile";
@@ -20,7 +19,7 @@ interface Props {
 
 export const UserMenuContainer: FC<Props> = ({ preventNavigation = false }) => {
   const location = useLocation();
-  const navigate = useNavigate();
+  const history = useHistory();
   const { client, logout, authenticated, passwordlessUser } = useClientLegacy();
   const { displayName, avatarUrl } = useProfile(client);
   const [settingsModalOpen, setSettingsModalOpen] = useState(false);
@@ -46,13 +45,11 @@ export const UserMenuContainer: FC<Props> = ({ preventNavigation = false }) => {
           logout?.();
           break;
         case "login":
-          navigate("/login", { state: { from: location } })?.catch((error) =>
-            logger.error("Failed to navigate to login", error),
-          );
+          history.push("/login", { state: { from: location } });
           break;
       }
     },
-    [navigate, location, logout, setSettingsModalOpen],
+    [history, location, logout, setSettingsModalOpen],
   );
 
   const userName = client?.getUserIdLocalpart() ?? "";

src/__snapshots__/QrCode.test.tsx.snap

@@ -5,7 +5,7 @@ exports[`QrCode > renders 1`] = `
   class="qrCode bar"
 >
   <img
-    alt="QR Code"
+    alt="qr_code"
     src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB0CAYAAABUmhYnAAAAAklEQVR4AewaftIAAALBSURBVO3BQW7kQAwEwSxC//9yro88NSBI4/UQjIg/WGMUa5RijVKsUYo1SrFGKdYoxRqlWKMUa5RijVKsUYo1SrFGKdYoxRrl4qEk/CaVkyR0Kl0STlS6JPwmlSeKNUqxRinWKBcvU3lTEk6S8ITKHSpvSsKbijVKsUYp1igXH5aEO1Q+SaVLQqdyRxLuUPmkYo1SrFGKNcrFl1PpknCShE5lkmKNUqxRijXKxZdLQqdyotIloVP5ZsUapVijFGuUiw9T+UuS8CaVv6RYoxRrlGKNcvGyJPwlSehUuiTckYS/rFijFGuUYo0Sf/DFkvAmlW9WrFGKNUqxRrl4KAknKl0SOpWTJJyodEk4UbkjCXeodEk4UXlTsUYp1ijFGuXiIZUuCXck4USlS0KXhE7lk1TelIRO5YlijVKsUYo1ysXLVLok3KHSJaFT6ZLQJaFTOUnCicodSehUTpLwpmKNUqxRijXKxUNJ6FSeSEKn0iXhROUkCZ3Kb0pCp/KmYo1SrFGKNcrFh6mcJKFT6ZJwotIloVPpVLokdCpdEjqVLgmdyh1J6FSeKNYoxRqlWKPEH3yxJHQqJ0noVO5IwolKl4ROpUtCp/JEsUYp1ijFGuXioST8JpU7ktCpnCShUzlROVHpktCpvKlYoxRrlGKNcvEylTcl4USlS8JJEt6UhBOVTqVLQqfyRLFGKdYoxRrl4sOScIfKEyonSehUTpJwh0qXhN9UrFGKNUqxRrn4ckn4JJU7kvA/FWuUYo1SrFEuvpxKl4QTlS4JncodSehU7kjCm4o1SrFGKdYoFx+m8klJOFE5UemScKJyRxI6lU7lTcUapVijFGuUi5cl4X9SOUnCicoTSThJQqfypmKNUqxRijVK/MEao1ijFGuUYo1SrFGKNUqxRinWKMUapVijFGuUYo1SrFGKNUqxRinWKP8AKoQP/lIBoMIAAAAASUVORK5CYII="
   />
 </div>

src/analytics/AnalyticsNotice.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/analytics/PosthogAnalytics.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
@@ -91,7 +91,7 @@ export class PosthogAnalytics {
    * 1. Declare a type for the event, extending IPosthogEvent.
    */
 
-  private static ANALYTICS_EVENT_TYPE = "im.vector.analytics" as const;
+  private static ANALYTICS_EVENT_TYPE = "im.vector.analytics";
 
   // set true during the constructor if posthog config is present, otherwise false
   private static internalInstance: PosthogAnalytics | null = null;
@@ -272,14 +272,14 @@ export class PosthogAnalytics {
 
   private async getAnalyticsId(): Promise<string | null> {
     const client: MatrixClient = window.matrixclient;
-    let accountAnalyticsId: string | null;
+    let accountAnalyticsId;
     if (widget) {
       accountAnalyticsId = getUrlParams().analyticsID;
     } else {
       const accountData = await client.getAccountDataFromServer(
         PosthogAnalytics.ANALYTICS_EVENT_TYPE,
       );
-      accountAnalyticsId = accountData?.id ?? null;
+      accountAnalyticsId = accountData?.id;
     }
     if (accountAnalyticsId) {
       // we dont just use the element web analytics ID because that would allow to associate

src/analytics/PosthogEvents.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/analytics/PosthogSpanProcessor.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/analytics/RageshakeSpanProcessor.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2023, 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/auth/LoginPage.module.css

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/auth/LoginPage.tsx

@@ -1,12 +1,12 @@
 /*
 Copyright 2021-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
 import { type FC, type FormEvent, useCallback, useRef, useState } from "react";
-import { useNavigate, useLocation } from "react-router-dom";
+import { useHistory, useLocation } from "react-router-dom";
 import { Trans, useTranslation } from "react-i18next";
 import { Button } from "@vector-im/compound-web";
 
@@ -29,7 +29,7 @@ export const LoginPage: FC = () => {
   const homeserver = Config.defaultHomeserverUrl(); // TODO: Make this configurable
   const usernameRef = useRef<HTMLInputElement>(null);
   const passwordRef = useRef<HTMLInputElement>(null);
-  const navigate = useNavigate();
+  const history = useHistory();
   const location = useLocation();
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<Error>();
@@ -48,7 +48,7 @@ export const LoginPage: FC = () => {
       }
 
       login(homeserver, usernameRef.current.value, passwordRef.current.value)
-        .then(async ([client, session]) => {
+        .then(([client, session]) => {
           if (!setClient) {
             return;
           }
@@ -61,9 +61,9 @@ export const LoginPage: FC = () => {
           if (locationState && locationState.from) {
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            await navigate(locationState.from);
+            history.push(locationState.from);
           } else {
-            await navigate("/");
+            history.push("/");
           }
           PosthogAnalytics.instance.eventLogin.track();
         })
@@ -72,7 +72,7 @@ export const LoginPage: FC = () => {
           setLoading(false);
         });
     },
-    [login, location, navigate, homeserver, setClient],
+    [login, location, history, homeserver, setClient],
   );
   // we need to limit the length of the homserver name to not cover the whole loginview input with the string.
   let shortendHomeserverName = Config.defaultServerName()?.slice(0, 25);

src/auth/RegisterPage.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2021-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
@@ -14,7 +14,7 @@ import {
   useRef,
   useState,
 } from "react";
-import { useNavigate, useLocation } from "react-router-dom";
+import { useHistory, useLocation } from "react-router-dom";
 import { captureException } from "@sentry/react";
 import { sleep } from "matrix-js-sdk/src/utils";
 import { Trans, useTranslation } from "react-i18next";
@@ -26,7 +26,7 @@ import { useClientLegacy } from "../ClientContext";
 import { useInteractiveRegistration } from "./useInteractiveRegistration";
 import styles from "./LoginPage.module.css";
 import Logo from "../icons/LogoLarge.svg?react";
-import { LoadingPage } from "../FullScreenView";
+import { LoadingView } from "../FullScreenView";
 import { useRecaptcha } from "./useRecaptcha";
 import { usePageTitle } from "../usePageTitle";
 import { PosthogAnalytics } from "../analytics/PosthogAnalytics";
@@ -41,7 +41,7 @@ export const RegisterPage: FC = () => {
     useClientLegacy();
 
   const confirmPasswordRef = useRef<HTMLInputElement>(null);
-  const navigate = useNavigate();
+  const history = useHistory();
   const location = useLocation();
   const [registering, setRegistering] = useState(false);
   const [error, setError] = useState<Error>();
@@ -100,15 +100,15 @@ export const RegisterPage: FC = () => {
       };
 
       submit()
-        .then(async () => {
+        .then(() => {
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment
           // @ts-ignore
           if (location.state?.from) {
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            await navigate(location.state?.from);
+            history.push(location.state?.from);
           } else {
-            await navigate("/");
+            history.push("/");
           }
         })
         .catch((error) => {
@@ -120,7 +120,7 @@ export const RegisterPage: FC = () => {
     [
       register,
       location,
-      navigate,
+      history,
       passwordlessUser,
       reset,
       execute,
@@ -141,14 +141,12 @@ export const RegisterPage: FC = () => {
 
   useEffect(() => {
     if (!loading && authenticated && !passwordlessUser && !registering) {
-      navigate("/")?.catch((error) => {
-        logger.error("Failed to navigate to /", error);
-      });
+      history.push("/");
     }
-  }, [loading, navigate, authenticated, passwordlessUser, registering]);
+  }, [loading, history, authenticated, passwordlessUser, registering]);
 
   if (loading) {
-    return <LoadingPage />;
+    return <LoadingView />;
   } else {
     PosthogAnalytics.instance.eventSignup.cacheSignupStart(new Date());
   }

src/auth/generateRandomName.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/auth/useInteractiveLogin.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/auth/useInteractiveRegistration.ts

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
@@ -39,7 +39,7 @@ export const useInteractiveRegistration = (
     undefined,
   );
 
-  const authClient = useRef<MatrixClient | undefined>(undefined);
+  const authClient = useRef<MatrixClient>();
   if (!authClient.current) {
     authClient.current = createClient({
       baseUrl: Config.defaultHomeserverUrl()!,

src/auth/useRecaptcha.ts

@@ -1,12 +1,12 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
 import { useEffect, useCallback, useRef, useState } from "react";
-import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+import { randomString } from "matrix-js-sdk/src/randomstring";
 import { useTranslation } from "react-i18next";
 import { logger } from "matrix-js-sdk/src/logger";
 
@@ -31,8 +31,8 @@ export function useRecaptcha(sitekey?: string): {
   recaptchaId: string;
 } {
   const { t } = useTranslation();
-  const [recaptchaId] = useState(() => secureRandomString(16));
-  const promiseRef = useRef<RecaptchaPromiseRef | undefined>(undefined);
+  const [recaptchaId] = useState(() => randomString(16));
+  const promiseRef = useRef<RecaptchaPromiseRef>();
 
   useEffect(() => {
     if (!sitekey) return;

src/auth/useRegisterPasswordlessUser.ts

@@ -1,12 +1,12 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 
 import { useCallback } from "react";
-import { secureRandomString } from "matrix-js-sdk/src/randomstring";
+import { randomString } from "matrix-js-sdk/src/randomstring";
 
 import { useClient } from "../ClientContext";
 import { useInteractiveRegistration } from "../auth/useInteractiveRegistration";
@@ -42,7 +42,7 @@ export function useRegisterPasswordlessUser(): UseRegisterPasswordlessUserType {
         const userName = generateRandomName();
         const [client, session] = await register(
           userName,
-          secureRandomString(16),
+          randomString(16),
           displayName,
           recaptchaResponse,
           true,

src/button/Button.module.css

@@ -1,7 +1,7 @@
 /*
 Copyright 2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 

src/button/Button.tsx

@@ -1,7 +1,7 @@
 /*
 Copyright 2022-2024 New Vector Ltd.
 
-SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+SPDX-License-Identifier: AGPL-3.0-only
 Please see LICENSE in the repository root for full details.
 */
 import { type ComponentPropsWithoutRef, type FC } from "react";