.

See https://github.com/element-hq/element-call/issues/2871 for context of impact.

.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/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@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:
@@ -48,10 +48,10 @@ jobs:
           tags: ${{ inputs.docker_tags}}
 
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@6524bf65af31da8d45b59e8c27de4bd072b392f5 # v3.8.0
+        uses: docker/setup-buildx-action@c47758b77c9736f4b2ef4073d4d51994fabfe349 # v3.7.1
 
       - name: Build and push Docker image
-        uses: docker/build-push-action@b32b51a8eda65d6793cd0494a773d4f6bcef32dc # v6.11.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:
@@ -30,7 +30,7 @@ jobs:
           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@65c4c4a1ddee5b72f698fdd19549f0f0fb45cf08 # v4
+        uses: actions/upload-artifact@b4b15b8c7c6ac21ea08fcf65892d2ee8f75cf882 # v4
         with:
           name: build-output
           path: dist

.github/workflows/lint.yaml

@@ -14,7 +14,7 @@ jobs:
           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:

.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:
@@ -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@65c4c4a1ddee5b72f698fdd19549f0f0fb45cf08 # v4.6.0
+        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

@@ -16,11 +16,11 @@ jobs:
           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@1e68e06f1dbfde0e4cefc87efeba9e4643565303 # v5
+        uses: codecov/codecov-action@b9fd7d16f6d7d1b5d2bec1a2887e65ceed900238 # v4
         env:
           CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
         with:

.github/workflows/translations-download.yaml

@@ -39,7 +39,7 @@ jobs:
 
       - name: Create Pull Request
         id: cpr
-        uses: peter-evans/create-pull-request@67ccf781d68cd99b580ae25a5c18a1cc84ffff1f # v7.0.6
+        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

@@ -244,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.

docs/url-params.md

@@ -32,32 +32,31 @@ There are two formats for Element Call urls.
 
 ## Parameters
 
-| Name                                           | Values                                                                                               | Required for widget                                                                               | Required for SPA             | Description                                                                                                                                                                                                                                                                                                                                                                                         |
-| ---------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ---------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `allowIceFallback`                             | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Allows use of fallback STUN servers for ICE if the user's homeserver doesn’t provide any.                                                                                                                                                                                                                                                                                                           |
-| `analyticsID`                                  | Posthog analytics ID                                                                                 | No                                                                                                | No                           | Available only with user's consent for sharing telemetry in Element Web.                                                                                                                                                                                                                                                                                                                            |
-| `appPrompt`                                    | `true` or `false`                                                                                    | No, defaults to `true`                                                                            | No, defaults to `true`       | Prompts the user to launch the native mobile app upon entering a room, applicable only on Android and iOS, and must be enabled in config.                                                                                                                                                                                                                                                           |
-| `baseUrl`                                      |                                                                                                      | Yes                                                                                               | Not applicable               | The base URL of the homeserver to use for media lookups.                                                                                                                                                                                                                                                                                                                                            |
-| `confineToRoom`                                | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Keeps the user confined to the current call/room.                                                                                                                                                                                                                                                                                                                                                   |
-| `deviceId`                                     | Matrix device ID                                                                                     | Yes                                                                                               | Not applicable               | The Matrix device ID for the widget host.                                                                                                                                                                                                                                                                                                                                                           |
-| `displayName`                                  |                                                                                                      | No                                                                                                | No                           | Display name used for auto-registration.                                                                                                                                                                                                                                                                                                                                                            |
-| `enableE2EE` (deprecated)                      | `true` or `false`                                                                                    | No, defaults to `true`                                                                            | No, defaults to `true`       | Legacy flag to enable end-to-end encryption, not used in the `livekit` branch.                                                                                                                                                                                                                                                                                                                      |
-| `fontScale`                                    | A decimal number such as `0.9`                                                                       | No, defaults to `1.0`                                                                             | No, defaults to `1.0`        | Factor by which to scale the interface's font size.                                                                                                                                                                                                                                                                                                                                                 |
-| `fonts`                                        |                                                                                                      | No                                                                                                | No                           | Defines the font(s) used by the interface. Multiple font parameters can be specified: `?font=font-one&font=font-two...`.                                                                                                                                                                                                                                                                            |
-| `hideHeader`                                   | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Hides the room header when in a call.                                                                                                                                                                                                                                                                                                                                                               |
-| `hideScreensharing`                            | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Hides the screen-sharing button.                                                                                                                                                                                                                                                                                                                                                                    |
-| `homeserver`                                   |                                                                                                      | Not applicable                                                                                    | No                           | Homeserver for registering a new (guest) user, configures non-default guest user server when creating a spa link.                                                                                                                                                                                                                                                                                   |
-| `intent`                                       | `start_call` or `join_existing`                                                                      | No, defaults to `start_call`                                                                      | No, defaults to `start_call` | The intent of the user with respect to the call. e.g. if they clicked a Start Call button, this would be `start_call`. If it was a Join Call button, it would be `join_existing`.                                                                                                                                                                                                                   |
-| `lang`                                         | [BCP 47](https://www.rfc-editor.org/info/bcp47) code                                                 | No                                                                                                | No                           | The language the app should use.                                                                                                                                                                                                                                                                                                                                                                    |
-| `parentUrl`                                    |                                                                                                      | Yes                                                                                               | Not applicable               | The url used to send widget action postMessages. This should be the domain of the client or the webview the widget is hosted in. (in case the widget is not in an Iframe but in a dedicated webview we send the postMessages same WebView the widget lives in. Filtering is done in the widget so it ignores the messages it receives from itself)                                                  |
-| `password`                                     |                                                                                                      | No                                                                                                | No                           | E2EE password when using a shared secret. (For individual sender keys in embedded mode this is not required.)                                                                                                                                                                                                                                                                                       |
-| `perParticipantE2EE`                           | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | No, defaults to `false`      | Enables per participant encryption with Keys exchanged over encrypted matrix room messages.                                                                                                                                                                                                                                                                                                         |
-| `preload`                                      | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | Not applicable               | Pauses app before joining a call until an `io.element.join` widget action is seen, allowing preloading.                                                                                                                                                                                                                                                                                             |
-| `returnToLobby`                                | `true` or `false`                                                                                    | No, defaults to `false`                                                                           | Not applicable               | Displays the lobby in widget mode after leaving a call; shows a blank page if set to `false`. Useful for video rooms.                                                                                                                                                                                                                                                                               |
-| `roomId`                                       | [Matrix Room ID](https://spec.matrix.org/v1.12/appendices/#room-ids)                                 | Yes                                                                                               | No                           | Anything about what room we're pointed to should be from useRoomIdentifier which parses the path and resolves alias with respect to the default server name, however roomId is an exception as we need the room ID in embedded widget mode, and not the room alias (or even the via params because we are not trying to join it). This is also not validated, where it is in `useRoomIdentifier()`. |
-| `showControls`                                 | `true` or `false`                                                                                    | No, defaults to `true`                                                                            | No, defaults to `true`       | Displays controls like mute, screen-share, invite, and hangup buttons during a call.                                                                                                                                                                                                                                                                                                                |
-| `skipLobby` (deprecated: use `intent` instead) | `true` or `false`                                                                                    | No. If `intent` is explicitly `start_call` then defaults to `true`. Otherwise defaults to `false` | No, defaults to `false`      | Skips the lobby to join a call directly, can be combined with preload in widget. When `true` the audio and video inputs will be muted by default. (This means there currently is no way to start without muted video if one wants to skip the lobby. Also not in widget mode.)                                                                                                                      |
-| `theme`                                        | One of: `light`, `dark`, `light-high-contrast`, `dark-high-contrast`                                 | No, defaults to `dark`                                                                            | No, defaults to `dark`       | UI theme to use.                                                                                                                                                                                                                                                                                                                                                                                    |
-| `userId`                                       | [Matrix User Identifier](https://spec.matrix.org/v1.12/appendices/#user-identifiers)                 | Yes                                                                                               | Not applicable               | The Matrix user ID.                                                                                                                                                                                                                                                                                                                                                                                 |
-| `viaServers`                                   | Comma separated list of [Matrix Server Names](https://spec.matrix.org/v1.12/appendices/#server-name) | Not applicable                                                                                    | No                           | Homeserver for joining a room, non-empty value required for rooms not on the user’s default homeserver.                                                                                                                                                                                                                                                                                             |
-| `widgetId`                                     | [MSC2774](https://github.com/matrix-org/matrix-spec-proposals/pull/2774) format widget ID            | Yes                                                                                               | Not applicable               | The id used by the widget. The presence of this parameter implies that element call will not connect to a homeserver directly and instead tries to establish postMessage communication via the `parentUrl`.                                                                                                                                                                                         |
+| Name                      | Values                                                                                               | Required for widget     | Required for SPA        | Description                                                                                                                                                                                                                                                                                                                                                                                         |
+| ------------------------- | ---------------------------------------------------------------------------------------------------- | ----------------------- | ----------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `allowIceFallback`        | `true` or `false`                                                                                    | No, defaults to `false` | No, defaults to `false` | Allows use of fallback STUN servers for ICE if the user's homeserver doesn’t provide any.                                                                                                                                                                                                                                                                                                           |
+| `analyticsID`             | Posthog analytics ID                                                                                 | No                      | No                      | Available only with user's consent for sharing telemetry in Element Web.                                                                                                                                                                                                                                                                                                                            |
+| `appPrompt`               | `true` or `false`                                                                                    | No, defaults to `true`  | No, defaults to `true`  | Prompts the user to launch the native mobile app upon entering a room, applicable only on Android and iOS, and must be enabled in config.                                                                                                                                                                                                                                                           |
+| `baseUrl`                 |                                                                                                      | Yes                     | Not applicable          | The base URL of the homeserver to use for media lookups.                                                                                                                                                                                                                                                                                                                                            |
+| `confineToRoom`           | `true` or `false`                                                                                    | No, defaults to `false` | No, defaults to `false` | Keeps the user confined to the current call/room.                                                                                                                                                                                                                                                                                                                                                   |
+| `deviceId`                | Matrix device ID                                                                                     | Yes                     | Not applicable          | The Matrix device ID for the widget host.                                                                                                                                                                                                                                                                                                                                                           |
+| `displayName`             |                                                                                                      | No                      | No                      | Display name used for auto-registration.                                                                                                                                                                                                                                                                                                                                                            |
+| `enableE2EE` (deprecated) | `true` or `false`                                                                                    | No, defaults to `true`  | No, defaults to `true`  | Legacy flag to enable end-to-end encryption, not used in the `livekit` branch.                                                                                                                                                                                                                                                                                                                      |
+| `fontScale`               | A decimal number such as `0.9`                                                                       | No, defaults to `1.0`   | No, defaults to `1.0`   | Factor by which to scale the interface's font size.                                                                                                                                                                                                                                                                                                                                                 |
+| `fonts`                   |                                                                                                      | No                      | No                      | Defines the font(s) used by the interface. Multiple font parameters can be specified: `?font=font-one&font=font-two...`.                                                                                                                                                                                                                                                                            |
+| `hideHeader`              | `true` or `false`                                                                                    | No, defaults to `false` | No, defaults to `false` | Hides the room header when in a call.                                                                                                                                                                                                                                                                                                                                                               |
+| `hideScreensharing`       | `true` or `false`                                                                                    | No, defaults to `false` | No, defaults to `false` | Hides the screen-sharing button.                                                                                                                                                                                                                                                                                                                                                                    |
+| `homeserver`              |                                                                                                      | Not applicable          | No                      | Homeserver for registering a new (guest) user, configures non-default guest user server when creating a spa link.                                                                                                                                                                                                                                                                                   |
+| `lang`                    | [BCP 47](https://www.rfc-editor.org/info/bcp47) code                                                 | No                      | No                      | The language the app should use.                                                                                                                                                                                                                                                                                                                                                                    |
+| `parentUrl`               |                                                                                                      | Yes                     | Not applicable          | The url used to send widget action postMessages. This should be the domain of the client or the webview the widget is hosted in. (in case the widget is not in an Iframe but in a dedicated webview we send the postMessages same WebView the widget lives in. Filtering is done in the widget so it ignores the messages it receives from itself)                                                  |
+| `password`                |                                                                                                      | No                      | No                      | E2EE password when using a shared secret. (For individual sender keys in embedded mode this is not required.)                                                                                                                                                                                                                                                                                       |
+| `perParticipantE2EE`      | `true` or `false`                                                                                    | No, defaults to `false` | No, defaults to `false` | Enables per participant encryption with Keys exchanged over encrypted matrix room messages.                                                                                                                                                                                                                                                                                                         |
+| `preload`                 | `true` or `false`                                                                                    | No, defaults to `false` | Not applicable          | Pauses app before joining a call until an `io.element.join` widget action is seen, allowing preloading.                                                                                                                                                                                                                                                                                             |
+| `returnToLobby`           | `true` or `false`                                                                                    | No, defaults to `false` | Not applicable          | Displays the lobby in widget mode after leaving a call; shows a blank page if set to `false`. Useful for video rooms.                                                                                                                                                                                                                                                                               |
+| `roomId`                  | [Matrix Room ID](https://spec.matrix.org/v1.12/appendices/#room-ids)                                 | Yes                     | No                      | Anything about what room we're pointed to should be from useRoomIdentifier which parses the path and resolves alias with respect to the default server name, however roomId is an exception as we need the room ID in embedded widget mode, and not the room alias (or even the via params because we are not trying to join it). This is also not validated, where it is in `useRoomIdentifier()`. |
+| `showControls`            | `true` or `false`                                                                                    | No, defaults to `true`  | No, defaults to `true`  | Displays controls like mute, screen-share, invite, and hangup buttons during a call.                                                                                                                                                                                                                                                                                                                |
+| `skipLobby`               | `true` or `false`                                                                                    | No, defaults to `false` | No, defaults to `false` | Skips the lobby to join a call directly, can be combined with preload in widget. When `true` the audio and video inputs will be muted by default. (This means there currently is no way to start without muted video if one wants to skip the lobby. Also not in widget mode.)                                                                                                                      |
+| `theme`                   | One of: `light`, `dark`, `light-high-contrast`, `dark-high-contrast`                                 | No, defaults to `dark`  | No, defaults to `dark`  | UI theme to use.                                                                                                                                                                                                                                                                                                                                                                                    |
+| `userId`                  | [Matrix User Identifier](https://spec.matrix.org/v1.12/appendices/#user-identifiers)                 | Yes                     | Not applicable          | The Matrix user ID.                                                                                                                                                                                                                                                                                                                                                                                 |
+| `viaServers`              | Comma separated list of [Matrix Server Names](https://spec.matrix.org/v1.12/appendices/#server-name) | Not applicable          | No                      | Homeserver for joining a room, non-empty value required for rooms not on the user’s default homeserver.                                                                                                                                                                                                                                                                                             |
+| `widgetId`                | [MSC2774](https://github.com/matrix-org/matrix-spec-proposals/pull/2774) format widget ID            | Yes                     | Not applicable          | The id used by the widget. The presence of this parameter implies that element call will not connect to a homeserver directly and instead tries to establish postMessage communication via the `parentUrl`.                                                                                                                                                                                         |

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/cs/app.json

@@ -27,9 +27,7 @@
     "settings": "Nastavení",
     "username": "Uživatelské jméno"
   },
-  "error": {
-    "generic_description": "Odeslání ladících záznamů nám pomůže diagnostikovat problém."
-  },
+  "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": {

locales/de/app.json

@@ -32,6 +32,7 @@
   "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>",
@@ -75,10 +76,7 @@
     "matrix_id": "Matrix-ID: {{id}}"
   },
   "disconnected_banner": "Die Verbindung zum Server wurde getrennt.",
-  "error": {
-    "connection_lost_description": "Deine Verbindung wurde getrennt",
-    "generic_description": "Übermittelte Problemberichte helfen uns, Fehler zu beheben."
-  },
+  "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.",

locales/el/app.json

@@ -35,9 +35,7 @@
     "username": "Όνομα χρήστη",
     "video": "Βίντεο"
   },
-  "error": {
-    "generic_description": "Η υποβολή αρχείων καταγραφής σφαλμάτων θα μας βοηθήσει να εντοπίσουμε το πρόβλημα."
-  },
+  "full_screen_view_description": "<0>Η υποβολή αρχείων καταγραφής σφαλμάτων θα μας βοηθήσει να εντοπίσουμε το πρόβλημα.</0>",
   "full_screen_view_h1": "<0>Ωχ, κάτι πήγε στραβά.</0>",
   "header_label": "Element Κεντρική Οθόνη Κλήσεων",
   "join_existing_call_modal": {

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,33 +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"
   },
   "disconnected_banner": "Connectivity to the server has been lost.",
-  "error": {
-    "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.",
-    "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."
-  },
+  "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",
@@ -200,7 +195,6 @@
   "version": "{{productName}} version: {{version}}",
   "video_tile": {
     "always_show": "Always show",
-    "camera_starting": "Video loading...",
     "change_fit_contain": "Fit to frame",
     "collapse": "Collapse",
     "expand": "Expand",

locales/es/app.json

@@ -32,9 +32,7 @@
     "settings": "Ajustes",
     "username": "Nombre de usuario"
   },
-  "error": {
-    "generic_description": "Subir los registros de depuración nos ayudará a encontrar el problema."
-  },
+  "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": {

locales/et/app.json

@@ -23,6 +23,7 @@
   },
   "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>",
@@ -49,10 +50,7 @@
     "username": "Kasutajanimi"
   },
   "disconnected_banner": "Võrguühendus serveriga on katkenud.",
-  "error": {
-    "connection_lost_description": "Sinu ühendus kõnega katkes",
-    "generic_description": "Kui saadad meile vealogid, siis on lihtsam vea põhjust otsida."
-  },
+  "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",

locales/fr/app.json

@@ -23,6 +23,7 @@
   },
   "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>",
@@ -47,10 +48,7 @@
     "video": "Vidéo"
   },
   "disconnected_banner": "La connexion avec le serveur a été perdue.",
-  "error": {
-    "connection_lost_description": "Vous avez été déconnecté de l’appel",
-    "generic_description": "Soumettre les journaux de débogage nous aidera à déterminer le problème."
-  },
+  "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",

locales/id/app.json

@@ -23,6 +23,7 @@
   },
   "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>",
@@ -47,10 +48,7 @@
     "username": "Nama pengguna"
   },
   "disconnected_banner": "Koneksi ke server telah hilang.",
-  "error": {
-    "connection_lost_description": "Anda terputus dari panggilan",
-    "generic_description": "Mengirim catatan pengawakutuan akan membantu kami melacak masalahnya."
-  },
+  "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",

locales/it/app.json

@@ -22,6 +22,7 @@
   },
   "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>",
@@ -45,10 +46,7 @@
     "username": "Nome utente"
   },
   "disconnected_banner": "La connessione al server è stata persa.",
-  "error": {
-    "connection_lost_description": "Sei stato disconnesso dalla chiamata",
-    "generic_description": "L'invio di registri di debug ci aiuterà ad individuare il problema."
-  },
+  "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",

locales/ja/app.json

@@ -28,9 +28,7 @@
     "username": "ユーザー名",
     "video": "ビデオ"
   },
-  "error": {
-    "generic_description": "何かがうまく行きませんでした。"
-  },
+  "full_screen_view_h1": "<0>何かがうまく行きませんでした。</0>",
   "header_label": "Element Call ホーム",
   "join_existing_call_modal": {
     "join_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>",
@@ -37,10 +38,7 @@
     "username": "Lietotājvārds"
   },
   "disconnected_banner": "Ir zaudēts savienojums ar serveri.",
-  "error": {
-    "connection_lost_description": "Tu tiki atvienots no zvana",
-    "generic_description": "Atkļūdošanas žurnāla ierakstu iesūtīšana palīdzēs mums atklāt nepilnību."
-  },
+  "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": {

locales/pl/app.json

@@ -23,6 +23,7 @@
   },
   "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>",
@@ -50,10 +51,7 @@
     "video": "Wideo"
   },
   "disconnected_banner": "Utracono połączenie z serwerem.",
-  "error": {
-    "connection_lost_description": "Rozłączono Cię z połączenia",
-    "generic_description": "Wysłanie dzienników debuggowania pomoże nam ustalić przyczynę problemu."
-  },
+  "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",

locales/ro/app.json

@@ -32,6 +32,7 @@
   "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>",
@@ -75,10 +76,7 @@
     "matrix_id": "ID-ul matricei: {{id}}"
   },
   "disconnected_banner": "Conectivitatea la server a fost pierdută.",
-  "error": {
-    "connection_lost_description": "Ai fost deconectat de la apel",
-    "generic_description": "Trimiterea jurnalelor de depanare ne va ajuta să urmărim problema."
-  },
+  "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ă.",

locales/ru/app.json

@@ -36,9 +36,7 @@
     "username": "Имя пользователя",
     "video": "Видео"
   },
-  "error": {
-    "generic_description": "Отправка журналов поможет нам найти и устранить проблему."
-  },
+  "full_screen_view_description": "<0>Отправка журналов поможет нам найти и устранить проблему.</0>",
   "full_screen_view_h1": "<0>Упс, что-то пошло не так.</0>",
   "header_label": "Главная Element Call",
   "join_existing_call_modal": {

locales/sk/app.json

@@ -23,6 +23,7 @@
   },
   "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>",
@@ -48,10 +49,7 @@
     "username": "Meno používateľa"
   },
   "disconnected_banner": "Spojenie so serverom sa stratilo.",
-  "error": {
-    "connection_lost_description": "Boli ste odpojení z hovoru",
-    "generic_description": "Odoslanie záznamov ladenia nám pomôže nájsť problém."
-  },
+  "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",

locales/uk/app.json

@@ -23,6 +23,7 @@
   },
   "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>",
@@ -50,10 +51,7 @@
     "video": "Відео"
   },
   "disconnected_banner": "Втрачено зв'язок з сервером.",
-  "error": {
-    "connection_lost_description": "Вас від'єднано від виклику",
-    "generic_description": "Надсилання журналів налагодження допоможе нам виявити проблему."
-  },
+  "full_screen_view_description": "<0>Надсилання журналів налагодження допоможе нам виявити проблему.</0>",
   "full_screen_view_h1": "<0>Йой, щось пішло не за планом.</0>",
   "hangup_button_label": "Завершити виклик",
   "header_label": "Домівка Element Call",

locales/vi/app.json

@@ -27,9 +27,7 @@
     "username": "Tên người dùng",
     "video": "Truyền hình"
   },
-  "error": {
-    "generic_description": "Gửi nhật ký gỡ lỗi sẽ giúp chúng tôi theo dõi vấn đề."
-  },
+  "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",

package.json

@@ -29,11 +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",
     "@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",
@@ -43,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",
@@ -56,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": "^36.1.0",
-    "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",
@@ -103,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",
@@ -113,12 +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": {
-    "matrix-widget-api": "1.11.0"
+    "strip-ansi": "6.0.1"
   }
 }

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,15 +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";
-import { RageshakeButton } from "./settings/RageshakeButton";
 
-const SentryRoute = Sentry.withSentryReactRouterV7Routing(Route);
+const SentryRoute = Sentry.withSentryRouting(Route);
 
 interface SimpleProviderProps {
   children: JSX.Element;
@@ -50,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()
@@ -62,39 +71,45 @@ 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>
             {loaded ? (
               <Suspense fallback={null}>
-                <RageshakeButton description='Logs for Robin' />
                 <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.
 */
 
@@ -33,7 +33,7 @@ export const sizes = new Map([
   [Size.XL, 90],
 ]);
 
-export interface Props {
+interface Props {
   id: string;
   name: string;
   className?: string;

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;
@@ -41,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.
 */
 

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,48 +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 { type FC, type ReactNode } from "react";
-import { useTranslation } from "react-i18next";
-import { PopOutIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
-
-import { ErrorView } from "./ErrorView";
-
-/**
- * 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 />);
-  }
-}

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,17 +1,13 @@
 /*
 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.
 */
 
 import { describe, expect, it } from "vitest";
 
-import {
-  getRoomIdentifierFromUrl,
-  getUrlParams,
-  UserIntent,
-} from "../src/UrlParams";
+import { getRoomIdentifierFromUrl, getUrlParams } from "../src/UrlParams";
 
 const ROOM_NAME = "roomNameHere";
 const ROOM_ID = "!d45f138fsd";
@@ -199,48 +195,4 @@ describe("UrlParams", () => {
       expect(getUrlParams("?homeserver=asd").homeserver).toBe("asd");
     });
   });
-
-  describe("intent", () => {
-    it("defaults to unknown", () => {
-      expect(getUrlParams().intent).toBe(UserIntent.Unknown);
-    });
-
-    it("ignores intent if it is not a valid value", () => {
-      expect(getUrlParams("?intent=foo").intent).toBe(UserIntent.Unknown);
-    });
-
-    it("accepts start_call", () => {
-      expect(getUrlParams("?intent=start_call").intent).toBe(
-        UserIntent.StartNewCall,
-      );
-    });
-
-    it("accepts join_existing", () => {
-      expect(getUrlParams("?intent=join_existing").intent).toBe(
-        UserIntent.JoinExistingCall,
-      );
-    });
-  });
-
-  describe("skipLobby", () => {
-    it("defaults to false", () => {
-      expect(getUrlParams().skipLobby).toBe(false);
-    });
-
-    it("defaults to false if intent is start_call in SPA mode", () => {
-      expect(getUrlParams("?intent=start_call").skipLobby).toBe(false);
-    });
-
-    it("defaults to true if intent is start_call in widget mode", () => {
-      expect(
-        getUrlParams(
-          "?intent=start_call&widgetId=12345&parentUrl=https%3A%2F%2Flocalhost%2Ffoo",
-        ).skipLobby,
-      ).toBe(true);
-    });
-
-    it("default to false if intent is join_existing", () => {
-      expect(getUrlParams("?intent=join_existing").skipLobby).toBe(false);
-    });
-  });
 });

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.
 */
 
@@ -19,12 +19,6 @@ interface RoomIdentifier {
   viaServers: string[];
 }
 
-export enum UserIntent {
-  StartNewCall = "start_call",
-  JoinExistingCall = "join_existing",
-  Unknown = "unknown",
-}
-
 // If you need to add a new flag to this interface, prefer a name that describes
 // a specific behavior (such as 'confineToRoom'), rather than one that describes
 // the situations that call for this behavior ('isEmbedded'). This makes it
@@ -148,13 +142,6 @@ export interface UrlParams {
    * creating a spa link.
    */
   homeserver: string | null;
-
-  /**
-   * The user's intent with respect to the call.
-   * e.g. if they clicked a Start Call button, this would be `start_call`.
-   * If it was a Join Call button, it would be `join_existing`.
-   */
-  intent: string | null;
 }
 
 // This is here as a stopgap, but what would be far nicer is a function that
@@ -224,10 +211,6 @@ export const getUrlParams = (
 
   const fontScale = parseFloat(parser.getParam("fontScale") ?? "");
 
-  let intent = parser.getParam("intent");
-  if (!intent || !Object.values(UserIntent).includes(intent as UserIntent)) {
-    intent = UserIntent.Unknown;
-  }
   const widgetId = parser.getParam("widgetId");
   const parentUrl = parser.getParam("parentUrl");
   const isWidget = !!widgetId && !!parentUrl;
@@ -260,15 +243,11 @@ export const getUrlParams = (
     analyticsID: parser.getParam("analyticsID"),
     allowIceFallback: parser.getFlagParam("allowIceFallback"),
     perParticipantE2EE: parser.getFlagParam("perParticipantE2EE"),
-    skipLobby: parser.getFlagParam(
-      "skipLobby",
-      isWidget && intent === UserIntent.StartNewCall,
-    ),
+    skipLobby: parser.getFlagParam("skipLobby"),
     returnToLobby: isWidget ? parser.getFlagParam("returnToLobby") : true,
     theme: parser.getParam("theme"),
     viaServers: !isWidget ? parser.getParam("viaServers") : null,
     homeserver: !isWidget ? parser.getParam("homeserver") : null,
-    intent,
   };
 };
 

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/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";

src/button/InviteButton.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/button/Link.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/Link.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.
 */
 
@@ -9,27 +9,42 @@ import {
   type ComponentPropsWithoutRef,
   forwardRef,
   type MouseEvent,
+  useCallback,
+  useMemo,
 } from "react";
 import { Link as CpdLink } from "@vector-im/compound-web";
-import { type LinkProps, useHref, useLinkClickHandler } from "react-router-dom";
+import { useHistory } from "react-router-dom";
+import { createPath, type LocationDescriptor, type Path } from "history";
 import classNames from "classnames";
 
+import { useLatest } from "../useLatest";
 import styles from "./Link.module.css";
 
 export function useLink(
-  to: LinkProps["to"],
+  to: LocationDescriptor,
   state?: unknown,
-): [string, (e: MouseEvent<HTMLAnchorElement>) => void] {
-  const href = useHref(to);
-  const onClick = useLinkClickHandler(to, { state });
+): [Path, (e: MouseEvent) => void] {
+  const latestState = useLatest(state);
+  const history = useHistory();
+  const path = useMemo(
+    () => (typeof to === "string" ? to : createPath(to)),
+    [to],
+  );
+  const onClick = useCallback(
+    (e: MouseEvent) => {
+      e.preventDefault();
+      history.push(to, latestState.current);
+    },
+    [history, to, latestState],
+  );
 
-  return [href, onClick];
+  return [path, onClick];
 }
 
 type Props = Omit<
   ComponentPropsWithoutRef<typeof CpdLink>,
   "href" | "onClick"
-> & { to: LinkProps["to"]; state?: unknown };
+> & { to: LocationDescriptor; state?: unknown };
 
 /**
  * A version of Compound's link component that integrates with our router setup.

src/button/LinkButton.tsx

@@ -1,28 +1,28 @@
 /*
 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.
 */
 
 import { type ComponentPropsWithoutRef, forwardRef } from "react";
 import { Button } from "@vector-im/compound-web";
+import { type LocationDescriptor } from "history";
 
-import type { LinkProps } from "react-router-dom";
 import { useLink } from "./Link";
 
 type Props = Omit<
   ComponentPropsWithoutRef<typeof Button<"a">>,
   "as" | "href"
-> & { to: LinkProps["to"]; state?: unknown };
+> & { to: LocationDescriptor };
 
 /**
  * A version of Compound's button component that acts as a link and integrates
  * with our router setup.
  */
 export const LinkButton = forwardRef<HTMLAnchorElement, Props>(
-  function LinkButton({ to, state, ...props }, ref) {
-    const [path, onClick] = useLink(to, state);
+  function LinkButton({ to, ...props }, ref) {
+    const [path, onClick] = useLink(to);
     return <Button as="a" ref={ref} {...props} href={path} onClick={onClick} />;
   },
 );

src/button/ReactionToggleButton.test.tsx

@@ -1,51 +1,51 @@
 /*
 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.
 */
 
-import { act, render } from "@testing-library/react";
+import { render } from "@testing-library/react";
 import { expect, test } from "vitest";
 import { TooltipProvider } from "@vector-im/compound-web";
 import { userEvent } from "@testing-library/user-event";
 import { type ReactNode } from "react";
-import { type MatrixRTCSession } from "matrix-js-sdk/src/matrixrtc/MatrixRTCSession";
 
+import {
+  MockRoom,
+  MockRTCSession,
+  TestReactionsWrapper,
+} from "../utils/testReactions";
 import { ReactionToggleButton } from "./ReactionToggleButton";
 import { ElementCallReactionEventType } from "../reactions";
-import { type CallViewModel } from "../state/CallViewModel";
-import { getBasicCallViewModelEnvironment } from "../utils/test-viewmodel";
-import { alice, local, localRtcMember } from "../utils/test-fixtures";
-import { type MockRTCSession } from "../utils/test";
-import { ReactionsSenderProvider } from "../reactions/useReactionsSender";
 
-const localIdent = `${localRtcMember.sender}:${localRtcMember.deviceId}`;
+const memberUserIdAlice = "@alice:example.org";
+const memberEventAlice = "$membership-alice:example.org";
+
+const membership: Record<string, string> = {
+  [memberEventAlice]: memberUserIdAlice,
+};
 
 function TestComponent({
   rtcSession,
-  vm,
 }: {
   rtcSession: MockRTCSession;
-  vm: CallViewModel;
 }): ReactNode {
   return (
     <TooltipProvider>
-      <ReactionsSenderProvider
-        vm={vm}
-        rtcSession={rtcSession as unknown as MatrixRTCSession}
-      >
-        <ReactionToggleButton vm={vm} identifier={localIdent} />
-      </ReactionsSenderProvider>
+      <TestReactionsWrapper rtcSession={rtcSession}>
+        <ReactionToggleButton userId={memberUserIdAlice} />
+      </TestReactionsWrapper>
     </TooltipProvider>
   );
 }
 
 test("Can open menu", async () => {
   const user = userEvent.setup();
-  const { vm, rtcSession } = getBasicCallViewModelEnvironment([alice]);
+  const room = new MockRoom(memberUserIdAlice);
+  const rtcSession = new MockRTCSession(room, membership);
   const { getByLabelText, container } = render(
-    <TestComponent vm={vm} rtcSession={rtcSession} />,
+    <TestComponent rtcSession={rtcSession} />,
   );
   await user.click(getByLabelText("common.reactions"));
   expect(container).toMatchSnapshot();
@@ -53,120 +53,102 @@ test("Can open menu", async () => {
 
 test("Can raise hand", async () => {
   const user = userEvent.setup();
-  const { vm, rtcSession, handRaisedSubject$ } =
-    getBasicCallViewModelEnvironment([local, alice]);
+  const room = new MockRoom(memberUserIdAlice);
+  const rtcSession = new MockRTCSession(room, membership);
   const { getByLabelText, container } = render(
-    <TestComponent vm={vm} rtcSession={rtcSession} />,
+    <TestComponent rtcSession={rtcSession} />,
   );
   await user.click(getByLabelText("common.reactions"));
   await user.click(getByLabelText("action.raise_hand"));
-  expect(rtcSession.room.client.sendEvent).toHaveBeenCalledWith(
-    rtcSession.room.roomId,
-    "m.reaction",
-    {
-      "m.relates_to": {
-        event_id: localRtcMember.eventId,
-        key: "🖐️",
-        rel_type: "m.annotation",
+  expect(room.testSentEvents).toEqual([
+    [
+      undefined,
+      "m.reaction",
+      {
+        "m.relates_to": {
+          event_id: memberEventAlice,
+          key: "🖐️",
+          rel_type: "m.annotation",
+        },
       },
-    },
-  );
-  act(() => {
-    // Mock receiving a reaction.
-    handRaisedSubject$.next({
-      [localIdent]: {
-        time: new Date(),
-        reactionEventId: "",
-        membershipEventId: localRtcMember.eventId!,
-      },
-    });
-  });
+    ],
+  ]);
   expect(container).toMatchSnapshot();
 });
 
 test("Can lower hand", async () => {
-  const reactionEventId = "$my-reaction-event:example.org";
   const user = userEvent.setup();
-  const { vm, rtcSession, handRaisedSubject$ } =
-    getBasicCallViewModelEnvironment([local, alice]);
+  const room = new MockRoom(memberUserIdAlice);
+  const rtcSession = new MockRTCSession(room, membership);
   const { getByLabelText, container } = render(
-    <TestComponent vm={vm} rtcSession={rtcSession} />,
+    <TestComponent rtcSession={rtcSession} />,
   );
-  await user.click(getByLabelText("common.reactions"));
-  await user.click(getByLabelText("action.raise_hand"));
-  act(() => {
-    handRaisedSubject$.next({
-      [localIdent]: {
-        time: new Date(),
-        reactionEventId,
-        membershipEventId: localRtcMember.eventId!,
-      },
-    });
-  });
+  const reactionEvent = room.testSendHandRaise(memberEventAlice, membership);
   await user.click(getByLabelText("common.reactions"));
   await user.click(getByLabelText("action.lower_hand"));
-  expect(rtcSession.room.client.redactEvent).toHaveBeenCalledWith(
-    rtcSession.room.roomId,
-    reactionEventId,
-  );
-  act(() => {
-    // Mock receiving a redacted reaction.
-    handRaisedSubject$.next({});
-  });
+  expect(room.testRedactedEvents).toEqual([[undefined, reactionEvent]]);
   expect(container).toMatchSnapshot();
 });
 
 test("Can react with emoji", async () => {
   const user = userEvent.setup();
-  const { vm, rtcSession } = getBasicCallViewModelEnvironment([local, alice]);
+  const room = new MockRoom(memberUserIdAlice);
+  const rtcSession = new MockRTCSession(room, membership);
   const { getByLabelText, getByText } = render(
-    <TestComponent vm={vm} rtcSession={rtcSession} />,
+    <TestComponent rtcSession={rtcSession} />,
   );
   await user.click(getByLabelText("common.reactions"));
   await user.click(getByText("🐶"));
-  expect(rtcSession.room.client.sendEvent).toHaveBeenCalledWith(
-    rtcSession.room.roomId,
-    ElementCallReactionEventType,
-    {
-      "m.relates_to": {
-        event_id: localRtcMember.eventId,
-        rel_type: "m.reference",
+  expect(room.testSentEvents).toEqual([
+    [
+      undefined,
+      ElementCallReactionEventType,
+      {
+        "m.relates_to": {
+          event_id: memberEventAlice,
+          rel_type: "m.reference",
+        },
+        name: "dog",
+        emoji: "🐶",
       },
-      name: "dog",
-      emoji: "🐶",
-    },
-  );
+    ],
+  ]);
 });
 
 test("Can fully expand emoji picker", async () => {
   const user = userEvent.setup();
-  const { vm, rtcSession } = getBasicCallViewModelEnvironment([local, alice]);
-  const { getByLabelText, container, getByText } = render(
-    <TestComponent vm={vm} rtcSession={rtcSession} />,
+  const room = new MockRoom(memberUserIdAlice);
+  const rtcSession = new MockRTCSession(room, membership);
+  const { getByText, container, getByLabelText } = render(
+    <TestComponent rtcSession={rtcSession} />,
   );
   await user.click(getByLabelText("common.reactions"));
   await user.click(getByLabelText("action.show_more"));
   expect(container).toMatchSnapshot();
   await user.click(getByText("🦗"));
-  expect(rtcSession.room.client.sendEvent).toHaveBeenCalledWith(
-    rtcSession.room.roomId,
-    ElementCallReactionEventType,
-    {
-      "m.relates_to": {
-        event_id: localRtcMember.eventId,
-        rel_type: "m.reference",
+
+  expect(room.testSentEvents).toEqual([
+    [
+      undefined,
+      ElementCallReactionEventType,
+      {
+        "m.relates_to": {
+          event_id: memberEventAlice,
+          rel_type: "m.reference",
+        },
+        name: "crickets",
+        emoji: "🦗",
       },
-      name: "crickets",
-      emoji: "🦗",
-    },
-  );
+    ],
+  ]);
 });
 
 test("Can close reaction dialog", async () => {
   const user = userEvent.setup();
-  const { vm, rtcSession } = getBasicCallViewModelEnvironment([local, alice]);
+  const room = new MockRoom(memberUserIdAlice);
+  const rtcSession = new MockRTCSession(room, membership);
   const { getByLabelText, container } = render(
-    <TestComponent vm={vm} rtcSession={rtcSession} />,
+    <TestComponent rtcSession={rtcSession} />,
   );
   await user.click(getByLabelText("common.reactions"));
   await user.click(getByLabelText("action.show_more"));

src/button/ReactionToggleButton.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.
 */
 
@@ -24,10 +24,8 @@ import {
 import { useTranslation } from "react-i18next";
 import { logger } from "matrix-js-sdk/src/logger";
 import classNames from "classnames";
-import { useObservableState } from "observable-hooks";
-import { map } from "rxjs";
 
-import { useReactionsSender } from "../reactions/useReactionsSender";
+import { useReactions } from "../useReactions";
 import styles from "./ReactionToggleButton.module.css";
 import {
   type ReactionOption,
@@ -35,7 +33,6 @@ import {
   ReactionsRowSize,
 } from "../reactions";
 import { Modal } from "../Modal";
-import { type CallViewModel } from "../state/CallViewModel";
 
 interface InnerButtonProps extends ComponentPropsWithoutRef<"button"> {
   raised: boolean;
@@ -87,7 +84,7 @@ export function ReactionPopupMenu({
         <Alert
           className={styles.alert}
           type="critical"
-          title={t("error.generic")}
+          title={t("common.something_went_wrong")}
         >
           {errorText}
         </Alert>
@@ -165,27 +162,22 @@ export function ReactionPopupMenu({
 }
 
 interface ReactionToggleButtonProps extends ComponentPropsWithoutRef<"button"> {
-  identifier: string;
-  vm: CallViewModel;
+  userId: string;
 }
 
 export function ReactionToggleButton({
-  identifier,
-  vm,
+  userId,
   ...props
 }: ReactionToggleButtonProps): ReactNode {
   const { t } = useTranslation();
-  const { toggleRaisedHand, sendReaction } = useReactionsSender();
+  const { raisedHands, toggleRaisedHand, sendReaction, reactions } =
+    useReactions();
   const [busy, setBusy] = useState(false);
   const [showReactionsMenu, setShowReactionsMenu] = useState(false);
   const [errorText, setErrorText] = useState<string>();
 
-  const isHandRaised = useObservableState(
-    vm.handsRaised$.pipe(map((v) => !!v[identifier])),
-  );
-  const canReact = useObservableState(
-    vm.reactions$.pipe(map((v) => !v[identifier])),
-  );
+  const isHandRaised = !!raisedHands[userId];
+  const canReact = !reactions[userId];
 
   useEffect(() => {
     // Clear whenever the reactions menu state changes.
@@ -231,7 +223,7 @@ export function ReactionToggleButton({
       <InnerButton
         disabled={busy}
         onClick={() => setShowReactionsMenu((show) => !show)}
-        raised={!!isHandRaised}
+        raised={isHandRaised}
         open={showReactionsMenu}
         {...props}
       />
@@ -245,8 +237,8 @@ export function ReactionToggleButton({
       >
         <ReactionPopupMenu
           errorText={errorText}
-          isHandRaised={!!isHandRaised}
-          canReact={!busy && !!canReact}
+          isHandRaised={isHandRaised}
+          canReact={!busy && canReact}
           sendReaction={(reaction) => void sendRelation(reaction)}
           toggleRaisedHand={wrappedToggleRaisedHand}
         />

src/button/__snapshots__/ReactionToggleButton.test.tsx.snap

@@ -9,7 +9,7 @@ exports[`Can close reaction dialog 1`] = `
     aria-disabled="false"
     aria-expanded="true"
     aria-haspopup="true"
-    aria-labelledby=":rb5:"
+    aria-labelledby=":r9l:"
     class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
     data-kind="primary"
     data-size="lg"
@@ -43,7 +43,7 @@ exports[`Can fully expand emoji picker 1`] = `
     aria-disabled="false"
     aria-expanded="true"
     aria-haspopup="true"
-    aria-labelledby=":r7m:"
+    aria-labelledby=":r6c:"
     class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
     data-kind="primary"
     data-size="lg"
@@ -75,8 +75,8 @@ exports[`Can lower hand 1`] = `
     aria-expanded="false"
     aria-haspopup="true"
     aria-labelledby=":r36:"
-    class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
-    data-kind="secondary"
+    class="_button_i91xf_17 raisedButton _has-icon_i91xf_66 _icon-only_i91xf_59"
+    data-kind="primary"
     data-size="lg"
     role="button"
     tabindex="0"
@@ -90,9 +90,7 @@ exports[`Can lower hand 1`] = `
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        clip-rule="evenodd"
-        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm3.536-6.464a1 1 0 0 0-1.415-1.415A2.988 2.988 0 0 1 12 15a2.988 2.988 0 0 1-2.121-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
-        fill-rule="evenodd"
+        d="M11 3a1 1 0 1 1 2 0v8.5a.5.5 0 0 0 1 0V4a1 1 0 1 1 2 0v10.2l3.284-2.597a1.081 1.081 0 0 1 1.47 1.577c-.613.673-1.214 1.367-1.818 2.064-1.267 1.463-2.541 2.934-3.944 4.235A6 6 0 0 1 5 15V7a1 1 0 0 1 2 0v5.5a.5.5 0 0 0 1 0V4a1 1 0 0 1 2 0v7.5a.5.5 0 0 0 1 0V3Z"
       />
     </svg>
   </button>
@@ -140,8 +138,8 @@ exports[`Can raise hand 1`] = `
     aria-expanded="false"
     aria-haspopup="true"
     aria-labelledby=":r1j:"
-    class="_button_i91xf_17 raisedButton _has-icon_i91xf_66 _icon-only_i91xf_59"
-    data-kind="primary"
+    class="_button_i91xf_17 _has-icon_i91xf_66 _icon-only_i91xf_59"
+    data-kind="secondary"
     data-size="lg"
     role="button"
     tabindex="0"
@@ -155,7 +153,9 @@ exports[`Can raise hand 1`] = `
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M11 3a1 1 0 1 1 2 0v8.5a.5.5 0 0 0 1 0V4a1 1 0 1 1 2 0v10.2l3.284-2.597a1.081 1.081 0 0 1 1.47 1.577c-.613.673-1.214 1.367-1.818 2.064-1.267 1.463-2.541 2.934-3.944 4.235A6 6 0 0 1 5 15V7a1 1 0 0 1 2 0v5.5a.5.5 0 0 0 1 0V4a1 1 0 0 1 2 0v7.5a.5.5 0 0 0 1 0V3Z"
+        clip-rule="evenodd"
+        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm3.536-6.464a1 1 0 0 0-1.415-1.415A2.988 2.988 0 0 1 12 15a2.988 2.988 0 0 1-2.121-.879 1 1 0 1 0-1.414 1.415A4.987 4.987 0 0 0 12 17c1.38 0 2.632-.56 3.536-1.464ZM10 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
+        fill-rule="evenodd"
       />
     </svg>
   </button>

src/button/index.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.
 */