Merge pull request #1093 from robintown/widget-feedback-hotfix

Don't show the quality survey if the app is a widget

.env.example

@@ -1,19 +1,12 @@
 ####
-# App Config
+# Build-time app config
 # Environment files are documented here:
 # https://vitejs.dev/guide/env-and-mode.html#env-files
 ####
 
 # Used for determining the homeserver to use for short urls etc.
-# VITE_DEFAULT_HOMESERVER=http://localhost:8008
 # VITE_FALLBACK_STUN_ALLOWED=false
 
-# Used for submitting debug logs to an external rageshake server
-# VITE_RAGESHAKE_SUBMIT_URL=http://localhost:9110/api/submit
-
-# The Sentry DSN to use for error reporting. Leave undefined to disable.
-# VITE_SENTRY_DSN=https://examplePublicKey@o0.ingest.sentry.io/0
-
 # VITE_CUSTOM_THEME=true
 # VITE_THEME_ACCENT=#0dbd8b
 # VITE_THEME_ACCENT_20=#0dbd8b33

.eslintrc.cjs

@@ -1,42 +1,34 @@
 module.exports = {
-    plugins: [
-        "matrix-org",
-    ],
-    extends: [
+  plugins: ["matrix-org"],
+  extends: ["plugin:matrix-org/react", "plugin:matrix-org/a11y", "prettier"],
+  env: {
+    browser: true,
+    node: true,
+  },
+  parserOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module",
+  },
+  rules: {
+    "jsx-a11y/media-has-caption": ["off"],
+  },
+  overrides: [
+    {
+      files: ["src/**/*.{ts,tsx}"],
+      extends: [
+        "plugin:matrix-org/typescript",
         "plugin:matrix-org/react",
-        "plugin:matrix-org/a11y",
         "prettier",
-    ],
-    env: {
-        browser: true,
-        node: true,
+      ],
+      rules: {
+        // We're aiming to convert this code to strict mode
+        "@typescript-eslint/no-non-null-assertion": "off",
+      },
     },
-    parserOptions: {
-        "ecmaVersion": "latest",
-        "sourceType": "module",
-    },
-    rules: {
-        "jsx-a11y/media-has-caption": ["off"],
-    },
-    overrides: [
-        {
-            files: [
-                "src/**/*.{ts,tsx}",
-            ],
-            extends: [
-                "plugin:matrix-org/typescript",
-                "plugin:matrix-org/react",
-                "prettier",
-            ],
-            rules: {
-                // We're aiming to convert this code to strict mode
-                "@typescript-eslint/no-non-null-assertion": "off",
-            },
-        },
-    ],
-    settings: {
-        react: {
-            version: "detect",
-        },
+  ],
+  settings: {
+    react: {
+      version: "detect",
     },
+  },
 };

.github/ISSUE_TEMPLATE/bug.yml

@@ -42,7 +42,7 @@ body:
     id: browser
     attributes:
       label: Browser information
-      description: Which browser are you using? Which version? 
+      description: Which browser are you using? Which version?
       placeholder: e.g. Chromium Version 92.0.4515.131
     validations:
       required: false
@@ -58,10 +58,10 @@ body:
     id: rageshake
     attributes:
       label: Will you send logs?
-      description:  |
+      description: |
         To send them, press the 'Submit Feedback' button and check 'Include Debug Logs'. Please link to this issue in the description field.
       options:
-        - 'Yes'
-        - 'No'
+        - "Yes"
+        - "No"
     validations:
       required: true

.github/workflows/build.yaml

@@ -1,12 +1,8 @@
 name: Build
 on:
+  pull_request: {}
   push:
     branches: [main]
-env:
-  VITE_DEFAULT_HOMESERVER: "https://call.ems.host"
-  VITE_SENTRY_DSN: https://b1e328d49be3402ba96101338989fb35@sentry.matrix.org/41
-  VITE_SENTRY_ENVIRONMENT: main-branch-cd
-  VITE_RAGESHAKE_SUBMIT_URL: https://element.io/bugreports/submit
 jobs:
   build:
     name: Build
@@ -17,11 +13,16 @@ jobs:
       - name: Yarn cache
         uses: actions/setup-node@v3
         with:
-          cache: 'yarn'
+          cache: "yarn"
       - name: Install dependencies
         run: "yarn install"
       - name: Build
         run: "yarn run build"
+        env:
+          SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
+          SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
+          SENTRY_URL: ${{ secrets.SENTRY_URL }}
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
       - name: Upload Artifact
         uses: actions/upload-artifact@v2
         with:

.github/workflows/e2e.yml

@@ -0,0 +1,24 @@
+name: Run E2E tests
+on:
+  workflow_run:
+    workflows: ["deploy"]
+    types:
+      - completed
+    branches-ignore:
+      - "main"
+jobs:
+  e2e:
+    name: E2E tests runs on Element Call
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out test private repo
+        uses: actions/checkout@v3
+        with:
+          repository: vector-im/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/lint.yaml

@@ -11,7 +11,7 @@ jobs:
       - name: Yarn cache
         uses: actions/setup-node@v3
         with:
-          cache: 'yarn'
+          cache: "yarn"
       - name: Install dependencies
         run: "yarn install"
       - name: Prettier

.github/workflows/netlify-main.yaml

@@ -4,13 +4,19 @@ on:
     workflows: ["Build"]
     types:
       - completed
+    branches:
+      - "main"
 
 jobs:
   deploy:
     runs-on: ubuntu-latest
     permissions:
       deployments: write
-    if: github.event.workflow_run.conclusion == 'success'
+    # Important: the 'branches' filter above will match the 'main' branch on forks,
+    # so we need to check the head repo too in order to not run on PRs from forks
+    # We check the branch name again too just for completeness
+    # (Is there a nicer way to see if a PR is from a fork?)
+    if: github.event.workflow_run.conclusion == 'success' && github.event.workflow_run.head_repository.full_name == 'vector-im/element-call' && github.event.workflow_run.head_branch == 'main'
     steps:
       - name: Create Deployment
         uses: bobheadxi/deployments@v1
@@ -21,7 +27,7 @@ jobs:
           env: main-branch-cd
           ref: ${{ github.event.workflow_run.head_sha }}
 
-      - name: 'Download artifact'
+      - name: "Download artifact"
         uses: actions/github-script@v3.1.0
         with:
           script: |
@@ -49,6 +55,9 @@ jobs:
         # We fetch from github directly as we don't bother checking out the repo
         run: curl -s https://raw.githubusercontent.com/vector-im/element-call/main/config/netlify_redirects > dist/_redirects
 
+      - name: Add config file
+        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/main/config/element_io_develop.json > dist/config.json
+
       - name: Deploy to Netlify
         id: netlify
         uses: nwtgck/actions-netlify@v1.2.3

.github/workflows/netlify-pr.yaml

@@ -0,0 +1,81 @@
+name: Netlify PR Preview
+on:
+  workflow_run:
+    workflows: ["Build"]
+    types:
+      - completed
+    branches-ignore:
+      - "main"
+jobs:
+  deploy:
+    if: github.event.workflow_run.conclusion == 'success' && github.event.workflow_run.event == 'pull_request'
+    runs-on: ubuntu-latest
+    permissions:
+      deployments: write
+    environment: Netlify
+    steps:
+      - name: 📝 Create Deployment
+        uses: bobheadxi/deployments@v1
+        id: deployment
+        with:
+          step: start
+          token: ${{ secrets.GITHUB_TOKEN }}
+          env: Netlify
+          ref: ${{ github.event.workflow_run.head_sha }}
+          desc: |
+            Do you trust the author of this PR? Maybe this build will steal your keys or give you malware.
+            Exercise caution. Use test accounts.
+
+      - id: prdetails
+        uses: matrix-org/pr-details-action@v1.2
+        with:
+          owner: ${{ github.event.workflow_run.head_repository.owner.login }}
+          branch: ${{ github.event.workflow_run.head_branch }}
+
+      # There's a 'download artifact' action, but it hasn't been updated for the workflow_run action
+      # (https://github.com/actions/download-artifact/issues/60) so instead we get this mess:
+      - name: 📥 Download artifact
+        uses: dawidd6/action-download-artifact@v2
+        with:
+          run_id: ${{ github.event.workflow_run.id }}
+          name: build
+          path: webapp
+
+      - name: Add redirects file
+        # We fetch from github directly as we don't bother checking out the repo
+        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/main/config/netlify_redirects > webapp/_redirects
+
+      - name: Add config file
+        env:
+          HEADBRACH: ${{ github.event.workflow_run.head_branch }}
+        run: curl -s "https://raw.githubusercontent.com/vector-im/element-call/${HEADBRACH}/config/element_io_preview.json" > webapp/config.json
+
+      - name: ☁️ Deploy to Netlify
+        id: netlify
+        uses: nwtgck/actions-netlify@v1.2
+        with:
+          publish-dir: webapp
+          deploy-message: "Deploy from GitHub Actions"
+          # These don't work because we're in workflow_run
+          enable-pull-request-comment: false
+          enable-commit-comment: false
+          alias: pr${{ steps.prdetails.outputs.pr_id }}
+        env:
+          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
+        timeout-minutes: 1
+
+      - name: 🚦 Update deployment status
+        uses: bobheadxi/deployments@v1
+        if: always()
+        with:
+          step: finish
+          override: false
+          token: ${{ secrets.GITHUB_TOKEN }}
+          status: ${{ job.status }}
+          env: ${{ steps.deployment.outputs.env }}
+          deployment_id: ${{ steps.deployment.outputs.deployment_id }}
+          env_url: ${{ steps.netlify.outputs.deploy-url }}
+          desc: |
+            Do you trust the author of this PR? Maybe this build will steal your keys or give you malware.
+            Exercise caution. Use test accounts.

.github/workflows/publish.yaml

@@ -13,7 +13,7 @@ jobs:
     name: Build & publish
     runs-on: ubuntu-latest
     permissions:
-      contents: read
+      contents: write # required to upload release asset
       packages: write
     steps:
       - name: Check it out
@@ -26,6 +26,33 @@ jobs:
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
 
+      - name: Yarn cache
+        uses: actions/setup-node@v3
+        with:
+          cache: "yarn"
+      - name: Install dependencies
+        run: "yarn install"
+      - name: Build
+        run: "yarn run build"
+        env:
+          SENTRY_ORG: ${{ secrets.SENTRY_ORG }}
+          SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
+          SENTRY_URL: ${{ secrets.SENTRY_URL }}
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+          VITE_APP_VERSION: ${{ github.event.release.tag_name }}
+
+      - name: Create Tarball
+        env:
+          GITHUB_TAG_NAME: ${{ github.event.release.tag_name }}
+        run: |
+          tar --numeric-owner --transform "s/dist/element-call-${GITHUB_TAG_NAME}/" -cvzf element-call-${GITHUB_TAG_NAME}.tar.gz dist
+      - name: Upload
+        uses: alexellis/upload-assets@0.4.0
+        env:
+          GITHUB_TOKEN: ${{ github.token }}
+        with:
+          asset_paths: '["element-call-${{ github.event.release.tag_name }}.tar.gz"]'
+
       - name: Extract metadata (tags, labels) for Docker
         id: meta
         uses: docker/metadata-action@98669ae865ea3cffbcbaa878cf57c20bbf1c6c38

.github/workflows/triage-incoming.yaml

@@ -2,7 +2,7 @@ name: Move new issues into triage board
 
 on:
   issues:
-    types: [ opened ]
+    types: [opened]
 
 jobs:
   add-to-project:
@@ -13,13 +13,13 @@ jobs:
         with:
           headers: '{"GraphQL-Features": "projects_next_graphql"}'
           query: |
-              mutation add_to_project($projectid:ID!,$contentid:ID!) {
-                addProjectV2ItemById(input: {projectId: $projectid contentId: $contentid}) {
-                  item {
-                    id
-                  }
+            mutation add_to_project($projectid:ID!,$contentid:ID!) {
+              addProjectV2ItemById(input: {projectId: $projectid contentId: $contentid}) {
+                item {
+                  id
                 }
               }
+            }
           projectid: ${{ env.PROJECT_ID }}
           contentid: ${{ github.event.issue.node_id }}
         env:

.gitignore

@@ -5,3 +5,5 @@ dist
 dist-ssr
 *.local
 .idea/
+public/config.json
+/coverage

.vscode/settings.json

@@ -5,18 +5,18 @@
   "editor.tabSize": 2,
   "[typescriptreact]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[javascriptreact]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[typescript]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[javascript]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }

CONTRIBUTING.md

@@ -1,4 +1,3 @@
-Contributing code to Element
-============================
+# Contributing code to Element
 
 Element follows the same pattern as the [matrix-js-sdk](https://github.com/matrix-org/matrix-js-sdk/blob/develop/CONTRIBUTING.md).

Dockerfile

@@ -1,15 +1,7 @@
-FROM --platform=$BUILDPLATFORM node:16-buster as builder
-
-WORKDIR /src
-
-COPY . /src/element-call
-RUN element-call/scripts/dockerbuild.sh
-
-# App
 FROM nginxinc/nginx-unprivileged:alpine
 
-COPY --from=builder /src/element-call/dist /app
-COPY config/default.conf /etc/nginx/conf.d/
+COPY ./dist /app
+COPY config/nginx.conf /etc/nginx/conf.d/default.conf
 
 USER root
 

README.md

@@ -5,6 +5,8 @@
 
 Full mesh group calls powered by [Matrix](https://matrix.org), implementing [MatrixRTC](https://github.com/matrix-org/matrix-spec-proposals/blob/matthew/group-voip/proposals/3401-group-voip.md).
 
+![A demo of Element Call with six people](demo.jpg)
+
 To try it out, visit our hosted version at [call.element.io](https://call.element.io). You can also find the latest development version continuously deployed to [element-call.netlify.app](https://element-call.netlify.app).
 
 ## Host it yourself
@@ -15,19 +17,19 @@ Until prebuilt tarballs are available, you'll need to build Element Call from so
 git clone https://github.com/vector-im/element-call.git
 cd element-call
 yarn
-cp .env.example .env
-```
-
-You can now edit the configuration in `.env` to your liking. The most important thing is to set `VITE_DEFAULT_HOMESERVER` to the homeserver that the app should use, such as `https://call.ems.host`.
-
-Next, build the project:
-
-```
 yarn build
 ```
 
 If all went well, you can now find the build output under `dist` as a series of static files. These can be hosted using any web server of your choice.
 
+You may also wish to add a configuration file (Element Call uses the domain it's hosted on as a Homeserver URL by default,
+but you can change this in the config file). This goes in `public/config.json` - you can use the sample as a starting point:
+
+```
+cp config/config.sample.json public/config.json
+# edit public/config.json
+```
+
 Because Element Call uses client-side routing, your server must be able to route any requests to non-existing paths back to `/index.html`. For example, in Nginx you can achieve this with the `try_files` directive:
 
 ```
@@ -40,14 +42,35 @@ server {
 }
 ```
 
+By default, the app expects you to have a Matrix homeserver (such as [Synapse](https://matrix-org.github.io/synapse/latest/setup/installation.html)) installed locally and running on port 8008. If you wish to use a homeserver on a different URL or one that is hosted on a different server, you can add a config file as above, and include the homeserver URL that you'd like to use.
+
+Element Call requires a homeserver with registration enabled without any 3pid or token requirements, if you want it to be used by unregistered users. Furthermore, it is not recommended to use it with an existing homeserver where user accounts have joined normal rooms, as it may not be able to handle those yet and it may behave unreliably.
+
+Therefore, to use a self-hosted homeserver, this is recommended to be a new server where any user account created has not joined any normal rooms anywhere in the Matrix federated network. The homeserver used can be setup to disable federation, so as to prevent spam registrations (if you keep registrations open) and to ensure Element Call continues to work in case any user decides to log in to their Element Call account using the standard Element app and joins normal rooms that Element Call cannot handle.
+
+### Features
+
+#### Allow joining group calls without a camera and a microphone
+
+You can allow joining a group call without video and audio enabling this feature in your `config.json`:
+
+```json
+{
+  ...
+
+  "features": {
+    "feature_group_calls_without_video_and_audio": true
+  }
+}
+```
+
 ## Development
 
-Element Call is built against the `robertlong/group-call` branch of [matrix-js-sdk](https://github.com/matrix-org/matrix-js-sdk/pull/2553). To get started, clone, install, and link the package:
+Element Call is built against [matrix-js-sdk](https://github.com/matrix-org/matrix-js-sdk/pull/2553). To get started, clone, install, and link the package:
 
 ```
 git clone https://github.com/matrix-org/matrix-js-sdk.git
 cd matrix-js-sdk
-git switch robertlong/group-call
 yarn
 yarn link
 ```
@@ -59,20 +82,17 @@ git clone https://github.com/vector-im/element-call.git
 cd element-call
 yarn
 yarn link matrix-js-sdk
-cp .env.example .env
 ```
 
-By default, the app expects you to have [Synapse](https://matrix-org.github.io/synapse/latest/setup/installation.html) installed locally and running on port 8008. If you wish to use another homeserver, you can set it in your `.env` file.
-
 You're now ready to launch the development server:
 
 ```
 yarn dev
 ```
 
-## Config
+## Configuration
 
-Configuration options are documented in the `.env` file.
+There are currently two different config files. `.env` holds variables that are used at build time, while `public/config.json` holds variables that are used at runtime. Documentation and default values for `public/config.json` can be found in [ConfigOptions.ts](src/config/ConfigOptions.ts).
 
 ## Translation
 

config/config.sample.json

@@ -0,0 +1,8 @@
+{
+  "default_server_config": {
+    "m.homeserver": {
+      "base_url": "https://call.ems.host",
+      "server_name": "call.ems.host"
+    }
+  }
+}

config/default.conf

@@ -1,10 +0,0 @@
-server {
-    listen       8080;
-    server_name  localhost;
-
-    location / {
-        root   /app;
-        try_files $uri /$uri /index.html;
-    }
-}
-

config/element_io_develop.json

@@ -0,0 +1,19 @@
+{
+  "default_server_config": {
+    "m.homeserver": {
+      "base_url": "https://call.ems.host",
+      "server_name": "call.ems.host"
+    }
+  },
+  "posthog": {
+    "api_key": "phc_rXGHx9vDmyEvyRxPziYtdVIv0ahEv8A9uLWFcCi1WcU",
+    "api_host": "https://posthog-element-call.element.io"
+  },
+  "sentry": {
+    "environment": "main-branch-cd",
+    "DSN": "https://b1e328d49be3402ba96101338989fb35@sentry.matrix.org/41"
+  },
+  "rageshake": {
+    "submit_url": "https://element.io/bugreports/submit"
+  }
+}

config/element_io_preview.json

@@ -0,0 +1,15 @@
+{
+  "default_server_config": {
+    "m.homeserver": {
+      "base_url": "https://call.ems.host",
+      "server_name": "call.ems.host"
+    }
+  },
+  "posthog": {
+    "api_key": "phc_rXGHx9vDmyEvyRxPziYtdVIv0ahEv8A9uLWFcCi1WcU",
+    "api_host": "https://posthog-element-call.element.io"
+  },
+  "rageshake": {
+    "submit_url": "https://element.io/bugreports/submit"
+  }
+}

config/nginx.conf

@@ -0,0 +1,25 @@
+server {
+    listen       8080;
+    server_name  localhost;
+
+    root   /app;
+
+    location / {
+        # disable cache entriely by default (apart from Etag which is accurate enough)
+        add_header Cache-Control 'private no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';
+        if_modified_since off;
+        expires off;
+        # also turn off last-modified since they are just the timestamps of the file in the docker image
+        # and may or may not bear any resemblance to when the resource changed
+        add_header Last-Modified "";
+
+        try_files $uri /$uri /index.html;
+    }
+
+    # assets can be cached because they have hashed filenames
+    location /assets {
+        expires 1w;
+        add_header Cache-Control "public, no-transform";
+    }
+}
+

config/otel_dev/README.md

@@ -0,0 +1,18 @@
+# OpenTelemetry Collector for development
+
+This directory contains a docker compose file that starts a jaeger all-in-one instance
+with an in-memory database, along with a standalone OpenTelemetry collector that forwards
+traces into the jaeger. Jaeger has a built-in OpenTelemetry collector, but it can't be
+configured to send CORS headers so can't be used from a browser. This sets the config on
+the collector to send CORS headers.
+
+This also adds an nginx to add CORS headers to the jaeger query endpoint, such that it can
+be used from webapps like stalk (https://deniz.co/stalk/). The CORS enabled endpoint is
+exposed on port 16687. To use stalk, you should simply be able to navigate to it and add
+http://127.0.0.1:16687/api as a data source.
+
+(Yes, we could enable the OTLP collector in jaeger all-in-one and passed this through
+the nginx to enable CORS too, rather than running a separate collector. There's no reason
+it's done this way other than that I'd already set up the separate collector.)
+
+Running `docker compose up` in this directory should be all you need.

config/otel_dev/collector-gateway.yaml

@@ -0,0 +1,41 @@
+receivers:
+  otlp:
+    protocols:
+      http:
+        endpoint: 0.0.0.0:4318
+        cors:
+          allowed_origins:
+            # This can't be '*' because opentelemetry-js uses sendBeacon which always operates
+            # in 'withCredentials' mode, which browsers don't allow with an allow-origin of '*'
+            #- "https://pr976--element-call.netlify.app"
+            - "http://*"
+          allowed_headers:
+            - "*"
+processors:
+  batch:
+    timeout: 1s
+  resource:
+    attributes:
+      - key: test.key
+        value: "test-value"
+        action: insert
+exporters:
+  logging:
+    loglevel: info
+  jaeger:
+    endpoint: jaeger-all-in-one:14250
+    tls:
+      insecure: true
+extensions:
+  health_check:
+  pprof:
+    endpoint: :1888
+  zpages:
+    endpoint: :55679
+service:
+  extensions: [pprof, zpages, health_check]
+  pipelines:
+    traces:
+      receivers: [otlp]
+      processors: [batch, resource]
+      exporters: [logging, jaeger]

config/otel_dev/docker-compose.yaml

@@ -0,0 +1,29 @@
+version: "2"
+services:
+  # Jaeger
+  jaeger-all-in-one:
+    image: jaegertracing/all-in-one:latest
+    ports:
+      - "16686:16686"
+      - "14268"
+      - "14250"
+  # Collector
+  collector-gateway:
+    image: otel/opentelemetry-collector:latest
+    volumes:
+      - ./collector-gateway.yaml:/etc/collector-gateway.yaml
+    command: ["--config=/etc/collector-gateway.yaml"]
+    ports:
+      - "1888:1888" # pprof extension
+      - "13133:13133" # health_check extension
+      - "4317:4317" # OTLP gRPC receiver
+      - "4318:4318" # OTLP HTTP receiver
+      - "55670:55679" # zpages extension
+    depends_on:
+      - jaeger-all-in-one
+  nginx:
+    image: nginxinc/nginx-unprivileged:latest
+    volumes:
+      - ./nginx_otel.conf:/etc/nginx/conf.d/default.conf:ro
+    ports:
+      - "16687:8080"

config/otel_dev/nginx_otel.conf

@@ -0,0 +1,16 @@
+server {
+    listen       8080;
+    server_name  localhost;
+
+    location / {
+            proxy_pass  http://jaeger-all-in-one:16686/;
+            add_header Access-Control-Allow-Origin *;
+
+            if ($request_method = OPTIONS) {
+                add_header Access-Control-Allow-Origin *;
+                add_header Content-Type text/plain;
+                add_header Content-Length 0;
+                return 204;
+            }
+    }
+}

i18next-parser.config.js

@@ -6,11 +6,13 @@ export default {
   createOldCatalogs: false,
   defaultNamespace: "app",
   lexers: {
-    ts: [{
-      lexer: "JavascriptLexer",
-      functions: ["t", "translatedError"],
-      functionsNamespace: ["useTranslation", "withTranslation"],
-    }],
+    ts: [
+      {
+        lexer: "JavascriptLexer",
+        functions: ["t", "translatedError"],
+        functionsNamespace: ["useTranslation", "withTranslation"],
+      },
+    ],
   },
   locales: ["en-GB"],
   output: "public/locales/$LOCALE/$NAMESPACE.json",

package.json

@@ -3,12 +3,12 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "NODE_OPTIONS=--max-old-space-size=16384 vite build",
     "serve": "vite preview",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
-    "prettier:check": "prettier -c src",
-    "prettier:format": "prettier -w src",
+    "prettier:check": "prettier -c .",
+    "prettier:format": "prettier -w .",
     "lint": "yarn lint:types && yarn lint:js",
     "lint:js": "eslint --max-warnings 0 src",
     "lint:types": "tsc",
@@ -18,7 +18,14 @@
   },
   "dependencies": {
     "@juggle/resize-observer": "^3.3.1",
-    "@matrix-org/olm": "https://gitlab.matrix.org/api/v4/projects/27/packages/npm/@matrix-org/olm/-/@matrix-org/olm-3.2.8.tgz",
+    "@matrix-org/olm": "https://gitlab.matrix.org/api/v4/projects/27/packages/npm/@matrix-org/olm/-/@matrix-org/olm-3.2.14.tgz",
+    "@opentelemetry/api": "^1.4.0",
+    "@opentelemetry/context-zone": "^1.9.1",
+    "@opentelemetry/exporter-jaeger": "^1.9.1",
+    "@opentelemetry/exporter-trace-otlp-http": "^0.35.1",
+    "@opentelemetry/instrumentation-document-load": "^0.31.1",
+    "@opentelemetry/instrumentation-user-interaction": "^0.32.1",
+    "@opentelemetry/sdk-trace-web": "^1.9.1",
     "@react-aria/button": "^3.3.4",
     "@react-aria/dialog": "^3.1.4",
     "@react-aria/focus": "^3.5.0",
@@ -45,12 +52,14 @@
     "i18next": "^21.10.0",
     "i18next-browser-languagedetector": "^6.1.8",
     "i18next-http-backend": "^1.4.4",
-    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#7ec726e10be835588d4b188fcd3d137b4690d79a",
-    "matrix-widget-api": "^1.0.0",
+    "lodash": "^4.17.21",
+    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#3cfad3cdeb7b19b8e0e7015784efd803cb9542f1",
+    "matrix-widget-api": "^1.3.1",
     "mermaid": "^8.13.8",
     "normalize.css": "^8.0.1",
     "pako": "^2.0.4",
     "postcss-preset-env": "^7",
+    "posthog-js": "^1.29.0",
     "re-resizable": "^6.9.0",
     "react": "18",
     "react-dom": "18",
@@ -61,11 +70,12 @@
     "react-use-clipboard": "^1.0.7",
     "react-use-measure": "^2.1.1",
     "sdp-transform": "^2.14.1",
+    "tinyqueue": "^2.0.3",
     "unique-names-generator": "^4.6.0"
   },
   "devDependencies": {
     "@babel/core": "^7.16.5",
-    "@matrix-org/olm": "https://gitlab.matrix.org/api/v4/projects/27/packages/npm/@matrix-org/olm/-/@matrix-org/olm-3.2.8.tgz",
+    "@sentry/vite-plugin": "^0.3.0",
     "@storybook/react": "^6.5.0-alpha.5",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
@@ -85,7 +95,7 @@
     "i18next-parser": "^6.6.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.2.2",
-    "jest-environment-jsdom": "^29.2.2",
+    "jest-environment-jsdom": "^29.3.1",
     "prettier": "^2.6.2",
     "sass": "^1.42.1",
     "storybook-builder-vite": "^0.1.12",

public/index.html

@@ -1,20 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="favicon.png" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
+    />
+    <title><%- title %></title>
+    <script>
+      window.global = window;
+    </script>
+  </head>
 
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="favicon.png" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
-  <title>
-    <%- title %>
-  </title>
-  <script>
-    window.global = window;
-  </script>
-</head>
-
-<body>
-  <div id="root"></div>
-</body>
-
-</html>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

public/locales/bg/app.json

@@ -1,7 +1,6 @@
 {
   "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Вече имате акаунт?</0><1><0>Влезте с него</0> или <2>Влезте като гост</2></1>",
   "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Създайте акаунт</0> или <2>Влезте като гост</2>",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "<0>Възникна грешка.</0><1>Изпращнето на debug логове ще ни помогне да открием проблема.</1>",
   "<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>": "<0>Защо не настройте парола за да запазите акаунта си?</0><1>Ще можете да запазите името и аватара си за бъдещи разговори</1>",
   "Accept camera/microphone permissions to join the call.": "Приемете разрешенията за камера/микрофон за да се присъедините в разговора.",
   "Accept microphone permissions to join the call.": "Приемете разрешението за микрофона за да се присъедините в разговора.",
@@ -24,19 +23,16 @@
   "Create account": "Създай акаунт",
   "Debug log": "Debug логове",
   "Debug log request": "Заявка за debug логове",
-  "Description (optional)": "Описание (незадължително)",
   "Details": "Детайли",
   "Developer": "Разработчик",
   "Display name": "Име/псевдоним",
   "Download debug logs": "Изтеглете debug логове",
-  "Entering room…": "Влизане в стаята…",
   "Exit full screen": "Излез от цял екран",
   "Fetching group call timed out.": "Изтече времето за взимане на груповия разговор.",
   "Freedom": "Свобода",
   "Full screen": "Цял екран",
   "Go": "Напред",
   "Grid layout menu": "Меню \"решетков изглед\"",
-  "Having trouble? Help us fix it.": "Имате проблем? Помогнете да го поправим.",
   "Home": "Начало",
   "Include debug logs": "Включи debug логове",
   "Incompatible versions": "Несъвместими версии",
@@ -48,7 +44,6 @@
   "Join call now": "Влез в разговора сега",
   "Join existing call?": "Присъединяване към съществуващ разговор?",
   "Leave": "Напусни",
-  "Loading room…": "Напускане на стаята…",
   "Loading…": "Зареждане…",
   "Local volume": "Локална сила на звука",
   "Logging in…": "Влизане…",
@@ -58,7 +53,6 @@
   "Microphone permissions needed to join the call.": "Необходими са разрешения за микрофона за да можете да се присъедините в разговора.",
   "Microphone {{n}}": "Микрофон {{n}}",
   "More": "Още",
-  "More menu": "Мено \"още\"",
   "Mute microphone": "Заглуши микрофона",
   "No": "Не",
   "Not now, return to home screen": "Не сега, върни се на началния екран",
@@ -79,8 +73,6 @@
   "Release to stop": "Отпуснете за да спрете",
   "Remove": "Премахни",
   "Return to home screen": "Връщане на началния екран",
-  "Save": "Запази",
-  "Saving…": "Запазване…",
   "Select an option": "Изберете опция",
   "Send debug logs": "Изпратете debug логове",
   "Sending…": "Изпращане…",
@@ -95,7 +87,6 @@
   "Spotlight": "Прожектор",
   "Stop sharing screen": "Спри споделянето на екрана",
   "Submit feedback": "Изпрати обратна връзка",
-  "Submitting feedback…": "Изпращане на обратна връзка…",
   "Take me Home": "Отиди в Начало",
   "Talk over speaker": "Говорете заедно с говорителя",
   "Talking…": "Говорене…",
@@ -106,7 +97,6 @@
   "Turn off camera": "Изключи камерата",
   "Turn on camera": "Включи камерата",
   "Unmute microphone": "Включи микрофона",
-  "User ID": "Потребителски идентификатор",
   "User menu": "Потребителско меню",
   "Username": "Потребителско име",
   "Version: {{version}}": "Версия: {{version}}",

public/locales/cs/app.json

@@ -26,14 +26,12 @@
   "Version: {{version}}": "Verze: {{version}}",
   "Username": "Uživatelské jméno",
   "User menu": "Uživatelské menu",
-  "User ID": "ID uživatele",
   "Unmute microphone": "Zapnout mikrofon",
   "Turn on camera": "Zapnout kameru",
   "Turn off camera": "Vypnout kameru",
   "This call already exists, would you like to join?": "Tento hovor již existuje, chcete se připojit?",
   "Thanks! We'll get right on it.": "Děkujeme! Hned se na to vrhneme.",
   "Take me Home": "Domovská obrazovka",
-  "Submitting feedback…": "Odesílání zpětné vazby…",
   "Submit feedback": "Dát feedback",
   "Stop sharing screen": "Zastavit sdílení obrazovek",
   "Speaker {{n}}": "Reproduktor {{n}}",
@@ -48,8 +46,6 @@
   "Sending debug logs…": "Posílání ladícího záznamu…",
   "Send debug logs": "Poslat ladící záznam",
   "Select an option": "Vyberte možnost",
-  "Saving…": "Ukládání…",
-  "Save": "Uložit",
   "Return to home screen": "Vrátit se na domácí obrazovku",
   "Remove": "Odstranit",
   "Registering…": "Registrování…",
@@ -71,7 +67,6 @@
   "Logging in…": "Přihlašování se…",
   "Local volume": "Lokální hlasitost",
   "Loading…": "Načítání…",
-  "Loading room…": "Načítání místnosti…",
   "Leave": "Opustit hovor",
   "Join call now": "Připojit se k hovoru",
   "Join call": "Připojit se k hovoru",
@@ -79,5 +74,60 @@
   "Invite": "Pozvat",
   "Inspector": "Insepktor",
   "Incompatible versions!": "Nekompatibilní verze!",
-  "Incompatible versions": "Nekompatibilní verze"
+  "Incompatible versions": "Nekompatibilní verze",
+  "{{name}} is talking…": "{{name}} mluví…",
+  "{{name}} is presenting": "{{name}} prezentuje",
+  "{{name}} (Connecting...)": "{{name}} (Připojení...)",
+  "{{displayName}}, your call is now ended": "{{displayName}}, váš hovor je nyní ukončen",
+  "{{count}} people connected|other": "{{count}} lidí připojeno",
+  "{{count}} people connected|one": "{{count}} lidí připojeno",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Tato možnost způsobí, že zvuk účastníků hovoru se bude tvářit jako by přicházel z místa, kde jsou umístěni na obrazovce.(Experimentální možnost: může způsobit nestabilitu audia.)",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Tato stárnka je chráněna pomocí ReCAPTCHA a Google <2>zásad ochrany osobních údajů</2> a <6>podmínky služby</6> platí.<9></9>Kliknutím na \"Registrovat\", souhlasíte s <12>Pravidly a podmínkami</12>",
+  "Walkie-talkie call name": "Jméno vysílačkového hovoru",
+  "Walkie-talkie call": "Vysílačkový hovor",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Vysílačkový hovor",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "Talking…": "Mluvení…",
+  "Talk over speaker": "Mluvit přes mluvčího",
+  "Spotlight": "Soustředěný mód",
+  "Release to stop": "Pusťte pro ukončení",
+  "Release spacebar key to stop": "Pusťte mezerník pro ukončení",
+  "Recaptcha not loaded": "Recaptcha se nenačetla",
+  "Recaptcha dismissed": "Recaptcha byla zamítnuta",
+  "Press and hold to talk over {{name}}": "Zmáčkněte a držte, abyste mluvili přes {{name}}",
+  "Press and hold spacebar to talk over {{name}}": "Zmáčkněte a držte mezerník, abyste mluvili přes {{name}}",
+  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Ostatní uživatelé se pokoušejí připojit k tomuto hovoru s nekompatibilních verzí. Tito uživatelé by se měli ujistit, že stránku načetli znovu:<1>{userLis}</1>",
+  "Not registered yet? <2>Create an account</2>": "Nejste registrovaní? <2>Vytvořit účet</2>",
+  "Join existing call?": "Připojit se k existujícimu hovoru?",
+  "Include debug logs": "Zahrnout ladící záznamy",
+  "Home": "Domov",
+  "Grid layout menu": "Menu rozložení",
+  "Go": "Pokračovat",
+  "Full screen": "Zvětšit na celou obrazovku",
+  "Freedom": "Volný",
+  "Fetching group call timed out.": "Vypršel časový limit načítání skupinového hovoru.",
+  "Exit full screen": "Ukončit režim celé obrazovky",
+  "Element Call Home": "Domov Element Call",
+  "Download debug logs": "Stáhnout ladící záznamy",
+  "Display name": "Zobrazované jméno",
+  "Developer": "Vývojář",
+  "Details": "Detaily",
+  "Debug log request": "Žádost o protokoly ladění",
+  "Debug log": "Protokoly ladění",
+  "Create account": "Vytvořit účet",
+  "Copy": "Kopírovat",
+  "Call type menu": "Menu typu hovoru",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Kliknutím na \"Připojit se do hovoru\", odsouhlasíte naše <2>Terms and conditions</2>",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Kliknutím na \"Pokračovat\", odsouhlasíte naše <2>Terms and conditions</2>",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Jiný uživatel v tomto hovoru má problémy. Abychom mohli diagnostikovat problém, rádi bychom shromáždili protokoly ladění.",
+  "<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>": "<0>Proč neskončit nastavením hesla, abyste mohli účet použít znovu?</0><1>Budete si moci nechat své jméno a nastavit si avatar pro budoucí hovory </1>",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Připojit se</0><1>Or</1><2>Zkopírovat odkaz a připojit se později</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Už máte účet?</0><1><0>Přihlásit se</0> Or <2>Jako host</2></1>",
+  "{{name}} (Waiting for video...)": "{{name}} (Čekání na video...)",
+  "This feature is only supported on Firefox.": "Tato funkce je podporována jen ve Firefoxu.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Odeslání ladících záznamů nám pomůže diagnostikovat problém.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Oops, něco se pokazilo.</0>",
+  "Use the upcoming grid system": "Používat nový systém pro zobrazení videí",
+  "Expose developer settings in the settings window.": "Zobrazit vývojářské nastavení.",
+  "Developer Settings": "Vývojářské nastavení"
 }

public/locales/de/app.json

@@ -1,7 +1,6 @@
 {
   "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Du hast bereits ein Konto?</0><1><0>Anmelden</0> Oder <2>Als Gast betreten</2></1>",
   "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Konto erstellen</0> Oder <2>Als Gast betreten</2>",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "<0>Hoppla, da ist etwas schief gelaufen.</0><1>Die Übermittlung von Debug-Protokollen wird uns helfen, das Problem zu finden.</1>",
   "<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>": "<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>",
   "Accept camera/microphone permissions to join the call.": "Erlaube Zugriff auf Kamera/Mikrofon um dem Anruf beizutreten.",
   "Accept microphone permissions to join the call.": "Erlaube Zugriff auf das Mikrofon um dem Anruf beizutreten.",
@@ -14,7 +13,7 @@
   "Call type menu": "Anruftyp Menü",
   "Camera": "Kamera",
   "Camera {{n}}": "Kamera {{n}}",
-  "Camera/microphone permissions needed to join the call.": "Kamera-/Mikrofonberechtigung für die Teilnahme am Anruf erforderlich.",
+  "Camera/microphone permissions needed to join the call.": "Für die Teilnahme am Anruf sind Kamera- und Mikrofonberechtigungen erforderlich.",
   "Change layout": "Layout ändern",
   "Close": "Schließen",
   "Confirm password": "Passwort bestätigen",
@@ -24,18 +23,15 @@
   "Create account": "Konto erstellen",
   "Debug log": "Debug-Protokoll",
   "Debug log request": "Debug-Log Anfrage",
-  "Description (optional)": "Beschreibung (optional)",
   "Details": "Details",
   "Developer": "Entwickler",
   "Display name": "Anzeigename",
   "Download debug logs": "Debug-Protokolle herunterladen",
-  "Entering room…": "Betrete Raum …",
   "Exit full screen": "Vollbildmodus verlassen",
   "Freedom": "Freiraum",
   "Full screen": "Vollbild",
   "Go": "Los geht’s",
   "Grid layout menu": "Grid-Layout-Menü",
-  "Having trouble? Help us fix it.": "Du hast ein Problem? Hilf uns, es zu beheben.",
   "Home": "Startseite",
   "Include debug logs": "Debug-Protokolle einschließen",
   "Incompatible versions": "Inkompatible Versionen",
@@ -47,7 +43,6 @@
   "Join call now": "Anruf beitreten",
   "Join existing call?": "An bestehendem Anruf teilnehmen?",
   "Leave": "Verlassen",
-  "Loading room…": "Lade Raum …",
   "Loading…": "Lade …",
   "Local volume": "Lokale Lautstärke",
   "Logging in…": "Anmelden …",
@@ -57,7 +52,6 @@
   "Microphone permissions needed to join the call.": "Mikrofon-Berechtigung ist erforderlich, um dem Anruf beizutreten.",
   "Microphone {{n}}": "Mikrofon {{n}}",
   "More": "Mehr",
-  "More menu": "Weiteres Menü",
   "Mute microphone": "Mikrofon stummschalten",
   "No": "Nein",
   "Not now, return to home screen": "Nicht jetzt, zurück zum Startbildschirm",
@@ -78,8 +72,6 @@
   "Release to stop": "Loslassen zum Stoppen",
   "Remove": "Entfernen",
   "Return to home screen": "Zurück zum Startbildschirm",
-  "Save": "Speichern",
-  "Saving…": "Speichere …",
   "Select an option": "Wähle eine Option",
   "Send debug logs": "Debug-Logs senden",
   "Sending…": "Senden …",
@@ -94,7 +86,6 @@
   "Spotlight": "Rampenlicht",
   "Stop sharing screen": "Beenden der Bildschirmfreigabe",
   "Submit feedback": "Rückmeldung geben",
-  "Submitting feedback…": "Sende Rückmeldung …",
   "Take me Home": "Zurück zur Startseite",
   "Talk over speaker": "Aktiven Sprecher verdrängen und sprechen",
   "Talking…": "Sprechen …",
@@ -105,7 +96,6 @@
   "Turn off camera": "Kamera ausschalten",
   "Turn on camera": "Kamera einschalten",
   "Unmute microphone": "Mikrofon aktivieren",
-  "User ID": "Benutzer-ID",
   "User menu": "Benutzermenü",
   "Username": "Benutzername",
   "Version: {{version}}": "Version: {{version}}",
@@ -130,5 +120,22 @@
   "Walkie-talkie call name": "Name des Walkie-Talkie-Anrufs",
   "Sending debug logs…": "Sende Debug-Protokolle …",
   "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Anruf beitreten</0><1>Oder</1><2>Anruflink kopieren und später beitreten</2>",
-  "{{name}} (Connecting...)": "{{name}} (verbindet sich …)"
+  "{{name}} (Connecting...)": "{{name}} (verbindet sich …)",
+  "Copy": "Kopieren",
+  "Element Call Home": "Element Call-Startseite",
+  "{{name}} (Waiting for video...)": "{{name}} (Warte auf Video …)",
+  "This feature is only supported on Firefox.": "Diese Funktion wird nur in Firefox unterstützt.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Übermittelte Problemberichte helfen uns, Fehler zu beheben.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Hoppla, etwas ist schiefgelaufen.</0>",
+  "Use the upcoming grid system": "Nutze das kommende Rastersystem",
+  "Expose developer settings in the settings window.": "Zeige die Entwicklereinstellungen im Einstellungsfenster.",
+  "Developer Settings": "Entwicklereinstellungen",
+  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Mit der Teilnahme an der Beta akzeptierst du die Sammlung von anonymen Daten, die wir zur Verbesserung des Produkts verwenden. Weitere Informationen zu den von uns erhobenen Daten findest du in unserer <2>Datenschutzerklärung</2> und unseren <5>Cookie-Richtlinien</5>.",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Du kannst deine Zustimmung durch Abwählen dieses Kästchens zurückziehen. Falls du dich aktuell in einem Anruf befindest, wird diese Einstellung nach dem Ende des Anrufs wirksam.",
+  "Feedback": "Rückmeldung",
+  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Falls du auf Probleme stößt oder einfach nur eine Rückmeldung geben möchtest, sende uns bitte eine kurze Beschreibung.",
+  "Your feedback": "Deine Rückmeldung",
+  "Thanks, we received your feedback!": "Danke, wir haben deine Rückmeldung erhalten!",
+  "Submitting…": "Sende …",
+  "Submit": "Absenden"
 }

public/locales/el/app.json

@@ -0,0 +1,96 @@
+{
+  "You can't talk at the same time": "Δεν μπορείς να μιλάς ταυτόχρονα",
+  "Version: {{version}}": "Έκδοση: {{version}}",
+  "User menu": "Μενού χρήστη",
+  "Submit feedback": "Υποβάλετε σχόλια",
+  "Stop sharing screen": "Διακοπή κοινής χρήσης οθόνης",
+  "Sign in": "Σύνδεση",
+  "Show call inspector": "Εμφάνιση του επιθεωρητή κλήσης",
+  "Share screen": "Κοινή χρήση οθόνης",
+  "Sending…": "Αποστολή…",
+  "Select an option": "Επιλέξτε μια επιλογή",
+  "Remove": "Αφαίρεση",
+  "Registering…": "Εγγραφή…",
+  "Press and hold to talk": "Πατήστε παρατεταμένα για να μιλήσετε",
+  "Not registered yet? <2>Create an account</2>": "Δεν έχετε εγγραφεί ακόμα; <2>Δημιουργήστε λογαριασμό</2>",
+  "Login to your account": "Συνδεθείτε στο λογαριασμό σας",
+  "Logging in…": "Σύνδεση…",
+  "Invite people": "Προσκαλέστε άτομα",
+  "Invite": "Πρόσκληση",
+  "Inspector": "Επιθεωρητής",
+  "Incompatible versions!": "Μη συμβατές εκδόσεις!",
+  "Incompatible versions": "Μη συμβατές εκδόσεις",
+  "Display name": "Εμφανιζόμενο όνομα",
+  "Developer Settings": "Ρυθμίσεις προγραμματιστή",
+  "Debug log request": "Αίτημα αρχείου καταγραφής",
+  "Call link copied": "Ο σύνδεσμος κλήσης αντιγράφηκε",
+  "Avatar": "Avatar",
+  "Accept microphone permissions to join the call.": "Αποδεχτείτε τα δικαιώματα μικροφώνου για να συμμετάσχετε στην κλήση.",
+  "Accept camera/microphone permissions to join the call.": "Αποδεχτείτε τα δικαιώματα κάμερας/μικροφώνου για να συμμετάσχετε στην κλήση.",
+  "<0>Oops, something's gone wrong.</0>": "<0>Ωχ, κάτι πήγε στραβά.</0>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Δημιουργήστε λογαριασμό</0> Ή <2>Συμμετέχετε ως επισκέπτης</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Έχετε ήδη λογαριασμό;</0><1><0>Συνδεθείτε</0> Ή <2>Συμμετέχετε ως επισκέπτης</2></1>",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Κλήση walkie-talkie",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "Your recent calls": "Οι πρόσφατες κλήσεις σας",
+  "Yes, join call": "Ναι, συμμετοχή στην κλήση",
+  "WebRTC is not supported or is being blocked in this browser.": "Το WebRTC δεν υποστηρίζεται ή έχει αποκλειστεί σε αυτό το πρόγραμμα περιήγησης.",
+  "Walkie-talkie call name": "Όνομα κλήσης walkie-talkie",
+  "Walkie-talkie call": "Κλήση walkie-talkie",
+  "Waiting for other participants…": "Αναμονή για άλλους συμμετέχοντες…",
+  "Waiting for network": "Αναμονή για δίκτυο",
+  "Video call name": "Όνομα βίντεο κλήσης",
+  "Video call": "Βίντεο κλήση",
+  "Video": "Βίντεο",
+  "Username": "Όνομα χρήστη",
+  "Turn on camera": "Ενεργοποιήστε την κάμερα",
+  "Turn off camera": "Απενεργοποιήστε την κάμερα",
+  "This feature is only supported on Firefox.": "Αυτή η δυνατότητα υποστηρίζεται μόνο στον Firefox.",
+  "This call already exists, would you like to join?": "Αυτή η κλήση υπάρχει ήδη, θα θέλατε να συμμετάσχετε;",
+  "Speaker": "Ηχείο",
+  "Spatial audio": "Χωρικός ήχος",
+  "Sign out": "Αποσύνδεση",
+  "Settings": "Ρυθμίσεις",
+  "Return to home screen": "Επιστροφή στην αρχική οθόνη",
+  "Register": "Εγγραφή",
+  "Profile": "Προφίλ",
+  "Press and hold spacebar to talk": "Για να μιλήσετε κρατήστε πατημένο το πλήκτρο διαστήματος",
+  "Passwords must match": "Οι κωδικοί πρέπει να ταιριάζουν",
+  "Password": "Κωδικός",
+  "Not now, return to home screen": "Όχι τώρα, επιστροφή στην αρχική οθόνη",
+  "No": "Όχι",
+  "Mute microphone": "Σίγαση μικροφώνου",
+  "More": "Περισσότερα",
+  "Microphone permissions needed to join the call.": "Απαιτούνται δικαιώματα μικροφώνου για συμμετοχή στην κλήση.",
+  "Microphone {{n}}": "Μικρόφωνο {{n}}",
+  "Microphone": "Μικρόφωνο",
+  "Login": "Σύνδεση",
+  "Loading…": "Φόρτωση…",
+  "Leave": "Αποχώρηση",
+  "Join existing call?": "Συμμετοχή στην υπάρχουσα κλήση;",
+  "Join call now": "Συμμετοχή στην κλήση τώρα",
+  "Join call": "Συμμετοχή στην κλήση",
+  "Go": "Μετάβαση",
+  "Full screen": "Πλήρη οθόνη",
+  "Exit full screen": "Έξοδος από πλήρη οθόνη",
+  "Details": "Λεπτομέρειες",
+  "Create account": "Δημιουργία λογαριασμού",
+  "Copy and share this call link": "Αντιγράψτε και μοιραστείτε αυτόν τον σύνδεσμο κλήσης",
+  "Copy": "Αντιγραφή",
+  "Copied!": "Αντιγράφηκε!",
+  "Connection lost": "Η σύνδεση χάθηκε",
+  "Confirm password": "Επιβεβαίωση κωδικού",
+  "Close": "Κλείσιμο",
+  "Change layout": "Αλλαγή διάταξης",
+  "Camera/microphone permissions needed to join the call.": "Απαιτούνται δικαιώματα κάμερας/μικροφώνου για να συμμετάσχετε στην κλήση.",
+  "Camera {{n}}": "Κάμερα {{n}}",
+  "Camera": "Κάμερα",
+  "Audio": "Ήχος",
+  "{{name}} is talking…": "{{name}} ομιλεί…",
+  "{{name}} is presenting": "{{name}} παρουσιάζει",
+  "{{name}} (Waiting for video...)": "{{name}} (Αναμονή για βίντεο...)",
+  "{{name}} (Connecting...)": "{{name}} (Συνδέεται...)",
+  "{{displayName}}, your call is now ended": "{{displayName}}, η κλήση σας τερματίστηκε",
+  "{{count}} people connected|other": "{{count}} άτομα συνδεδεμένα",
+  "{{count}} people connected|one": "{{count}} άτομο συνδεδεμένο"
+}

public/locales/en-GB/app.json

@@ -1,16 +1,23 @@
 {
   "{{count}} people connected|one": "{{count}} person connected",
   "{{count}} people connected|other": "{{count}} people connected",
-  "{{displayName}}, your call is now ended": "{{displayName}}, your call is now ended",
+  "{{count}} stars|one": "{{count}} star",
+  "{{count}} stars|other": "{{count}} stars",
+  "{{displayName}}, your call has ended.": "{{displayName}}, your call has ended.",
   "{{name}} (Connecting...)": "{{name}} (Connecting...)",
+  "{{name}} (Waiting for video...)": "{{name}} (Waiting for video...)",
   "{{name}} is presenting": "{{name}} is presenting",
   "{{name}} is talking…": "{{name}} is talking…",
   "{{names}}, {{name}}": "{{names}}, {{name}}",
   "{{roomName}} - Walkie-talkie call": "{{roomName}} - Walkie-talkie call",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.",
   "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>",
   "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Create an account</0> Or <2>Access as a guest</2>",
   "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Oops, something's gone wrong.</0>",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Submitting debug logs will help us track down the problem.</0>",
+  "<0>Thanks for your feedback!</0>": "<0>Thanks for your feedback!</0>",
+  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>We'd love to hear your feedback so we can improve your experience.</0>",
   "<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>": "<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>",
   "Accept camera/microphone permissions to join the call.": "Accept camera/microphone permissions to join the call.",
   "Accept microphone permissions to join the call.": "Accept microphone permissions to join the call.",
@@ -19,6 +26,7 @@
   "Avatar": "Avatar",
   "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "By clicking \"Go\", you agree to our <2>Terms and conditions</2>",
   "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>",
+  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.",
   "Call link copied": "Call link copied",
   "Call type menu": "Call type menu",
   "Camera": "Camera",
@@ -29,24 +37,28 @@
   "Confirm password": "Confirm password",
   "Connection lost": "Connection lost",
   "Copied!": "Copied!",
+  "Copy": "Copy",
   "Copy and share this call link": "Copy and share this call link",
   "Create account": "Create account",
   "Debug log": "Debug log",
   "Debug log request": "Debug log request",
-  "Description (optional)": "Description (optional)",
   "Details": "Details",
   "Developer": "Developer",
+  "Developer Settings": "Developer Settings",
   "Display name": "Display name",
   "Download debug logs": "Download debug logs",
-  "Entering room…": "Entering room…",
+  "Element Call Home": "Element Call Home",
   "Exit full screen": "Exit full screen",
+  "Expose developer settings in the settings window.": "Expose developer settings in the settings window.",
+  "Feedback": "Feedback",
   "Fetching group call timed out.": "Fetching group call timed out.",
   "Freedom": "Freedom",
   "Full screen": "Full screen",
   "Go": "Go",
   "Grid layout menu": "Grid layout menu",
-  "Having trouble? Help us fix it.": "Having trouble? Help us fix it.",
   "Home": "Home",
+  "How did it go?": "How did it go?",
+  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.",
   "Include debug logs": "Include debug logs",
   "Incompatible versions": "Incompatible versions",
   "Incompatible versions!": "Incompatible versions!",
@@ -57,7 +69,6 @@
   "Join call now": "Join call now",
   "Join existing call?": "Join existing call?",
   "Leave": "Leave",
-  "Loading room…": "Loading room…",
   "Loading…": "Loading…",
   "Local volume": "Local volume",
   "Logging in…": "Logging in…",
@@ -67,7 +78,6 @@
   "Microphone {{n}}": "Microphone {{n}}",
   "Microphone permissions needed to join the call.": "Microphone permissions needed to join the call.",
   "More": "More",
-  "More menu": "More menu",
   "Mute microphone": "Mute microphone",
   "No": "No",
   "Not now, return to home screen": "Not now, return to home screen",
@@ -88,8 +98,6 @@
   "Release to stop": "Release to stop",
   "Remove": "Remove",
   "Return to home screen": "Return to home screen",
-  "Save": "Save",
-  "Saving…": "Saving…",
   "Select an option": "Select an option",
   "Send debug logs": "Send debug logs",
   "Sending debug logs…": "Sending debug logs…",
@@ -104,19 +112,22 @@
   "Speaker {{n}}": "Speaker {{n}}",
   "Spotlight": "Spotlight",
   "Stop sharing screen": "Stop sharing screen",
+  "Submit": "Submit",
   "Submit feedback": "Submit feedback",
-  "Submitting feedback…": "Submitting feedback…",
+  "Submitting…": "Submitting…",
   "Take me Home": "Take me Home",
   "Talk over speaker": "Talk over speaker",
   "Talking…": "Talking…",
+  "Thanks, we received your feedback!": "Thanks, we received your feedback!",
   "Thanks! We'll get right on it.": "Thanks! We'll get right on it.",
   "This call already exists, would you like to join?": "This call already exists, would you like to join?",
+  "This feature is only supported on Firefox.": "This feature is only supported on Firefox.",
   "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>",
   "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)",
   "Turn off camera": "Turn off camera",
   "Turn on camera": "Turn on camera",
   "Unmute microphone": "Unmute microphone",
-  "User ID": "User ID",
+  "Use the upcoming grid system": "Use the upcoming grid system",
   "User menu": "User menu",
   "Username": "Username",
   "Version: {{version}}": "Version: {{version}}",
@@ -130,5 +141,6 @@
   "WebRTC is not supported or is being blocked in this browser.": "WebRTC is not supported or is being blocked in this browser.",
   "Yes, join call": "Yes, join call",
   "You can't talk at the same time": "You can't talk at the same time",
+  "Your feedback": "Your feedback",
   "Your recent calls": "Your recent calls"
 }

public/locales/es/app.json

@@ -23,7 +23,6 @@
   "Version: {{version}}": "Versión: {{version}}",
   "Username": "Nombre de usuario",
   "User menu": "Menú de usuario",
-  "User ID": "ID de usuario",
   "Unmute microphone": "Desilenciar el micrófono",
   "Turn on camera": "Encender la cámara",
   "Turn off camera": "Apagar la cámara",
@@ -33,7 +32,6 @@
   "Talking…": "Hablando…",
   "Talk over speaker": "Hablar por encima",
   "Take me Home": "Volver al inicio",
-  "Submitting feedback…": "Enviando comentarios…",
   "Submit feedback": "Enviar comentarios",
   "Stop sharing screen": "Dejar de compartir pantalla",
   "Spotlight": "Foco",
@@ -49,8 +47,6 @@
   "Sending debug logs…": "Enviando registros de depuración…",
   "Send debug logs": "Enviar registros de depuración",
   "Select an option": "Selecciona una opción",
-  "Saving…": "Guardando…",
-  "Save": "Guardar",
   "Return to home screen": "Volver a la pantalla de inicio",
   "Remove": "Eliminar",
   "Release to stop": "Suelta para parar",
@@ -68,7 +64,6 @@
   "Not now, return to home screen": "Ahora no, volver a la pantalla de inicio",
   "No": "No",
   "Mute microphone": "Silenciar micrófono",
-  "More menu": "Menú Más",
   "More": "Más",
   "Microphone permissions needed to join the call.": "Se necesitan permisos del micrófono para unirse a la llamada.",
   "Microphone {{n}}": "Micrófono {{n}}",
@@ -77,7 +72,6 @@
   "Logging in…": "Iniciando sesión…",
   "Local volume": "Volumen local",
   "Loading…": "Cargando…",
-  "Loading room…": "Cargando sala…",
   "Leave": "Abandonar",
   "Join existing call?": "¿Unirse a llamada existente?",
   "Join call now": "Unirse a la llamada ahora",
@@ -89,19 +83,16 @@
   "Incompatible versions": "Versiones incompatibles",
   "Include debug logs": "Incluir registros de depuración",
   "Home": "Inicio",
-  "Having trouble? Help us fix it.": "¿Tienes problemas? Ayúdanos a resolverlos.",
   "Grid layout menu": "Menú de distribución de cuadrícula",
-  "Go": "Empezar",
+  "Go": "Comenzar",
   "Full screen": "Pantalla completa",
   "Freedom": "Libre",
   "Fetching group call timed out.": "Se ha agotado el tiempo de espera para obtener la llamada grupal.",
   "Exit full screen": "Salir de pantalla completa",
-  "Entering room…": "Entrando a la sala…",
   "Download debug logs": "Descargar registros de depuración",
   "Display name": "Nombre a mostrar",
   "Developer": "Desarrollador",
   "Details": "Detalles",
-  "Description (optional)": "Descripción (opcional)",
   "Debug log request": "Petición de registros de depuración",
   "Debug log": "Registro de depuración",
   "Create account": "Crear cuenta",
@@ -120,7 +111,6 @@
   "Audio": "Audio",
   "Avatar": "Avatar",
   "Accept camera/microphone permissions to join the call.": "Acepta los permisos de cámara/micrófono para unirte a la llamada.",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "<0>Ups, algo ha salido mal.</0><1>Enviar los registros de depuración nos ayudará a localizar el problema.</1>",
   "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Crear una cuenta</0> o <2>Acceder como invitado</2>",
   "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Unirse ahora</0><1>Or</1><2>Copiar el enlace y unirse más tarde</2>",
   "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>¿Ya tienes una cuenta?</0><1><0>Iniciar sesión</0> o <2>Acceder como invitado</2></1>",
@@ -130,5 +120,16 @@
   "{{name}} (Connecting...)": "{{name}} (Conectando...)",
   "{{displayName}}, your call is now ended": "{{displayName}}, tu llamada ha finalizado",
   "{{count}} people connected|other": "{{count}} personas conectadas",
-  "{{count}} people connected|one": "{{count}} persona conectada"
+  "{{count}} people connected|one": "{{count}} persona conectada",
+  "Element Call Home": "Inicio de Element Call",
+  "Copy": "Copiar",
+  "{{name}} (Waiting for video...)": "{{name}} (Esperando al video...)",
+  "This feature is only supported on Firefox.": "Esta característica solo está disponible en Firefox.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Subir los registros de depuración nos ayudará a encontrar el problema.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Ups, algo ha salido mal.</0>",
+  "Expose developer settings in the settings window.": "Muestra los ajustes de desarrollador en la ventana de ajustes.",
+  "Developer Settings": "Ajustes de desarrollador",
+  "Use the upcoming grid system": "Utilizar el próximo sistema de cuadrícula",
+  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Al participar en esta beta, consientes a la recogida de datos anónimos, los cuales usaremos para mejorar el producto. Puedes encontrar más información sobre que datos recogemos en nuestra <2>Política de privacidad</2> y en nuestra <5>Política sobre Cookies</5>.",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Puedes retirar tu consentimiento desmarcando esta casilla. Si estás en una llamada, este ajuste se aplicará al final de esta."
 }

public/locales/et/app.json

@@ -1,8 +1,7 @@
 {
-  "Accept camera/microphone permissions to join the call.": "Kõnega anna õigused kaamera/mikrofoni kasutamiseks.",
+  "Accept camera/microphone permissions to join the call.": "Kõnega liitumiseks anna õigused kaamera/mikrofoni kasutamiseks.",
   "Accept microphone permissions to join the call.": "Kõnega liitumiseks anna õigused mikrofoni kasutamiseks.",
-  "<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>": "<0>Kas hoopis tahad salasõna seadistada ja sellega oma kasutajakonto alles jätta?</0><1>Siis saad säilitada oma nime ja määrata tunnuspildi, mida saad kasutada tulevastes kõnedes</1>",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "<0>Ups, midagi läks valesti.</0><1>Logide saatmine meile aitab meil probleemi lahendada.</1>",
+  "<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>": "<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>",
   "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Liitu kõnega kohe</0><1> Või</1><2>Kopeeri kõne link ja liitu hiljem</2>",
   "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Loo konto</0> Või <2>Sisene külalisena</2>",
   "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>On sul juba konto?</0><1><0>Logi sisse</0> Või <2>Logi sisse külalisena</2></1>",
@@ -21,19 +20,16 @@
   "Incompatible versions": "Ühildumatud versioonid",
   "Include debug logs": "Lisa veatuvastuslogid",
   "Home": "Avavaatesse",
-  "Having trouble? Help us fix it.": "Kas on probleeme? Aita meil asja parandada.",
   "Grid layout menu": "Ruudustikvaate menüü",
   "Go": "Jätka",
   "Full screen": "Täisekraan",
   "Freedom": "Vaba",
   "Fetching group call timed out.": "Grupikõne kättesaamine aegus.",
   "Exit full screen": "Välju täisekraanivaatest",
-  "Entering room…": "Ruumi sisenemine…",
   "Download debug logs": "Lae alla veatuvastuslogid",
   "Display name": "Kuvatav nimi",
   "Developer": "Arendaja",
   "Details": "Täpsemalt",
-  "Description (optional)": "Kirjeldus (valikuline)",
   "Debug log request": "Veaotsingulogi päring",
   "Debug log": "Veaotsingulogi",
   "Create account": "Loo konto",
@@ -62,7 +58,6 @@
   "Mute microphone": "Summuta mikrofon",
   "Your recent calls": "Hiljutised kõned",
   "You can't talk at the same time": "Üheaegselt ei saa rääkida",
-  "More menu": "Rohkem valikuid",
   "More": "Rohkem",
   "Microphone permissions needed to join the call.": "Kõnega liitumiseks on vaja lubada mikrofoni kasutamine.",
   "Microphone {{n}}": "Mikrofon {{n}}",
@@ -72,15 +67,12 @@
   "Logging in…": "Sisselogimine …",
   "Local volume": "Kohalik helitugevus",
   "Loading…": "Laadimine …",
-  "Loading room…": "Ruumi laadimine …",
   "Leave": "Lahku",
   "Join existing call?": "Liitu juba käimasoleva kõnega?",
   "Join call now": "Kõnega liitumine",
   "Join call": "Kõnega liitumine",
-  "User ID": "Kasutajatunnus",
   "Turn on camera": "Lülita kaamera sisse",
   "Turn off camera": "Lülita kaamera välja",
-  "Submitting feedback…": "Tagasiside saatmine…",
   "Take me Home": "Mine avalehele",
   "Submit feedback": "Jaga tagasisidet",
   "Stop sharing screen": "Lõpeta ekraani jagamine",
@@ -97,8 +89,6 @@
   "Sending debug logs…": "Veaotsingulogide saatmine…",
   "Send debug logs": "Saada veaotsingulogid",
   "Select an option": "Vali oma eelistus",
-  "Saving…": "Salvestamine…",
-  "Save": "Salvesta",
   "Return to home screen": "Tagasi avalehele",
   "Remove": "Eemalda",
   "Release to stop": "Peatamiseks vabasta klahv",
@@ -130,5 +120,22 @@
   "Walkie-talkie call name": "Walkie-talkie stiilis kõne nimi",
   "WebRTC is not supported or is being blocked in this browser.": "WebRTC pole kas selles brauseris toetatud või on keelatud.",
   "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Muudab kõneleja heli nii, nagu tuleks see sealt, kus on tema pilt ekraanil. (See on katseline funktsionaalsus ja võib mõjutada heli stabiilsust.)",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Siin saidis on kasutusel ReCAPTCHA ning kehtivad Google <2>privaatsuspoliitika</2> ja <6>teenusetingimused</6>.<9></9>Klikkides „Registreeru“, nõustud meie <12>kasutustingimustega</12>"
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Siin saidis on kasutusel ReCAPTCHA ning kehtivad Google <2>privaatsuspoliitika</2> ja <6>teenusetingimused</6>.<9></9>Klikkides „Registreeru“, nõustud meie <12>kasutustingimustega</12>",
+  "Element Call Home": "Element Call Home",
+  "Copy": "Kopeeri",
+  "{{name}} (Waiting for video...)": "{{name}} (Ootame videovoo algust...)",
+  "This feature is only supported on Firefox.": "See funktsionaalsus on toetatud vaid Firefoxis.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Kui saadad meile vealogid, siis on lihtsam vea põhjust otsida.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Ohoo, midagi on nüüd katki.</0>",
+  "Use the upcoming grid system": "Kasuta tulevast ruudustiku-põhist paigutust",
+  "Expose developer settings in the settings window.": "Näita seadistuste aknas arendajale vajalikke seadeid.",
+  "Developer Settings": "Arendaja seadistused",
+  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Nõustudes selle beetaversiooni kasutamisega sa nõustud ka toote arendamiseks kasutatavate anonüümsete andmete kogumisega. Täpsemat teavet kogutavate andmete kohta leiad meie <2>Privaatsuspoliitikast</2> ja meie <5>Küpsiste kasutamise reeglitest</5>.",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Sa võid selle valiku eelmaldamisega alati oma nõusoleku tagasi võtta. Kui sul parasjagu on kõne pooleli, siis seadistuste muudatus jõustub pärast kõne lõppu.",
+  "Your feedback": "Sinu tagasiside",
+  "Thanks, we received your feedback!": "Tänud, me oleme sinu tagasiside kätte saanud!",
+  "Submitting…": "Saadan…",
+  "Submit": "Saada",
+  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Kui selle rakenduse kasutamisel tekib sul probleeme või lihtsalt soovid oma arvamust avaldada, siis palun täida alljärgnev lühike kirjeldus.",
+  "Feedback": "Tagasiside"
 }

public/locales/fa/app.json

@@ -3,7 +3,6 @@
   "Video call": "تماس تصویری",
   "Video": "ویدیو",
   "Username": "نام کاربری",
-  "User ID": "آی دی کاربر",
   "Turn on camera": "روشن کردن دوربین",
   "Turn off camera": "خاموش کردن دوربین",
   "Take me Home": "مرا به خانه ببر",
@@ -11,7 +10,6 @@
   "Sign out": "خروج",
   "Sign in": "ورود",
   "Settings": "تنظیمات",
-  "Save": "ذخیره",
   "Profile": "پروفایل",
   "Password": "رمز عبور",
   "No": "خیر",
@@ -21,7 +19,6 @@
   "Login to your account": "به حساب کاربری خود وارد شوید",
   "Login": "ورود",
   "Loading…": "بارگزاری…",
-  "Loading room…": "بارگزاری اتاق…",
   "Leave": "خروج",
   "Join existing call?": "پیوست به تماس؟",
   "Join call now": "الان به تماس بپیوند",
@@ -33,12 +30,10 @@
   "Full screen": "تمام صحفه",
   "Freedom": "آزادی",
   "Exit full screen": "خروج از حالت تمام صفحه",
-  "Entering room…": "درحال وارد شدن به اتاق…",
   "Download debug logs": "دانلود لاگ عیب‌یابی",
   "Display name": "نام نمایشی",
   "Developer": "توسعه دهنده",
   "Details": "جزئیات",
-  "Description (optional)": "توضیحات (اختیاری)",
   "Debug log request": "درخواست لاگ عیب‌یابی",
   "Debug log": "لاگ عیب‌یابی",
   "Create account": "ساخت حساب کاربری",
@@ -62,7 +57,6 @@
   "Accept microphone permissions to join the call.": "پذیرفتن دسترسی به میکروفون برای پیوستن به تماس.",
   "Accept camera/microphone permissions to join the call.": "پذیرفتن دسترسی دوربین/ میکروفون برای پیوستن به تماس.",
   "<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>": "<0>چرا یک رمز عبور برای حساب کاربری خود تنظیم نمی‌کنید؟</0><1>شما می‌توانید نام خود را حفظ کنید و یک آواتار برای تماس‌های آینده بسازید</1>",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "<0>اوه، مشکلی پیش آمده.</0><1>ثبت کردن لاگ رفع اشکال به پیدا کردن مشکل توسط ما کمک میکند</1>",
   "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>ساخت حساب کاربری</0> Or <2>دسترسی به عنوان میهمان</2>",
   "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>از قبل حساب کاربری دارید؟</0><1><0>ورود</0> Or <2>به عنوان یک میهمان وارد شوید</2></1>",
   "{{roomName}} - Walkie-talkie call": "{{roomName}} - تماس واکی-تاکی",
@@ -83,7 +77,6 @@
   "Sending debug logs…": "در حال ارسال باگ‌های عیب‌یابی…",
   "Send debug logs": "ارسال لاگ‌های عیب‌یابی",
   "Select an option": "یک گزینه را انتخاب کنید",
-  "Saving…": "در حال ذخیره…",
   "Return to home screen": "برگشت به صفحه اصلی",
   "Remove": "حذف",
   "Release to stop": "برای توقف رها کنید",
@@ -91,7 +84,7 @@
   "Registering…": "ثبت‌نام…",
   "Register": "ثبت‌نام",
   "Recaptcha not loaded": "کپچا بارگیری نشد",
-  "Recaptcha dismissed": "بازکپچا رد شد",
+  "Recaptcha dismissed": "ریکپچا رد شد",
   "Press and hold to talk over {{name}}": "برای صحبت فشار دهید و نگه‌دارید {{name}}",
   "Press and hold to talk": "برای صحبت فشار دهید و نگه‌دارید",
   "Press and hold spacebar to talk over {{name}}": "برای صحبت کردن دکمه اسپیس بار را فشار دهید و نگه دارید {{name}}",
@@ -100,15 +93,13 @@
   "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "کاربران دیگر تلاش می‌کنند با ورژن‌های ناسازگار به مکالمه بپیوندند. این کاربران باید از بروزرسانی مرورگرشان اطمینان داشته باشند:<1>{userLis}</1>",
   "Not registered yet? <2>Create an account</2>": "هنوز ثبت‌نام نکرده‌اید؟ <2>ساخت حساب کاربری</2>",
   "Not now, return to home screen": "الان نه، به صفحه اصلی برگردید",
-  "More menu": "تنظیمات بیشتر",
   "Microphone permissions needed to join the call.": "برای پیوستن به مکالمه دسترسی به میکروفون نیاز است.",
   "Microphone {{n}}": "میکروفون {{n}}",
   "Logging in…": "ورود…",
   "Include debug logs": "شامل لاگ‌های عیب‌یابی",
-  "Having trouble? Help us fix it.": "با مشکلی رو به رو شدید؟ به ما کمک کنید رفعش کنیم.",
   "Grid layout menu": "منوی طرح‌بندی شبکه‌ای",
   "Fetching group call timed out.": "زمان اتصال به مکالمه گروهی تمام شد.",
-  "You can't talk at the same time": "شما نمی توانید همزمان تماس بگیرید",
+  "You can't talk at the same time": "نمی توانید هم‌زمان صحبت کنید",
   "Yes, join call": "بله، به تماس بپیوندید",
   "WebRTC is not supported or is being blocked in this browser.": "WebRTC (ارتباطات رسانه‌ای بلادرنگ مانند انتقال صدا، ویدئو و داده‌) در این مرورگر پشتیبانی نمی‌شود یا در حال مسدود شدن است.",
   "Walkie-talkie call name": "نامِ تماسِ واکی-تاکی",
@@ -118,15 +109,19 @@
   "Video call name": "نامِ تماسِ تصویری",
   "Version: {{version}}": "نسخه: {{نسخه}}",
   "User menu": "فهرست کاربر",
-  "Unmute microphone": "میکروفون را باصدا کنید",
-  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "این کار باعث می‌شود صدای بلندگو از جایی که کاشی‌های آن روی صفحه قرار گرفته است به نظر برسد. (ویژگی آزمایشی: این ممکن است بر پایداری صدا تأثیر بگذارد.)",
+  "Unmute microphone": "ناخموشی میکروفون",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "این کار باعث می‌شود به نظر برسد صدای بلندگو از جایی که کاشی‌اش روی صفحه قرار گرفته می‌آید (ویژگی آزمایشی: ممکن است بر پایداری صدا تأثیر بگذارد.)",
   "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "این سایت توسط ReCAPTCHA محافظت می شود و <2>خط مشی رازداری</2> و <6>شرایط خدمات</6> Google اعمال می شود.<9></9>با کلیک کردن بر روی \"ثبت نام\"، شما با <12 >شرایط و ضوابط </12> ما موافقت می کنید",
   "This call already exists, would you like to join?": "این تماس از قبل وجود دارد، می‌خواهید بپیوندید؟",
   "Thanks! We'll get right on it.": "با تشکر! ما به درستی آن را انجام خواهیم داد.",
   "Talking…": "در حال صحبت کردن…",
   "Talk over speaker": "روی بلندگو صحبت کنید",
-  "Submitting feedback…": "در حال ارسال بازخورد…",
   "Submit feedback": "بازخورد ارائه دهید",
   "Stop sharing screen": "توقف اشتراک‌گذاری صفحه نمایش",
-  "Spatial audio": "صدای فضایی"
+  "Spatial audio": "صدای جهت‌دار",
+  "Element Call Home": "خانهٔ تماس المنت",
+  "Copy": "رونوشت",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>اکنون به تماس پیوسته</0><1>یا</1><2>پیوند تماس را رونوشت کرده و بعداً بپیوندید</2>",
+  "{{name}} (Waiting for video...)": "{{name}} (منتظر تصویر…)",
+  "{{name}} (Connecting...)": "{{name}} (وصل شدن…)"
 }

public/locales/fr/app.json

@@ -1,6 +1,5 @@
 {
   "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Créer un compte</0> Or <2>Accès invité</2>",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "<0>Mince, une erreur est survenue.</0><1>Envoyer les journaux de débogage nous aidera à résoudre le problème.</1>",
   "<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>": "<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>",
   "Accept camera/microphone permissions to join the call.": "Autorisez l’accès à votre caméra et microphone pour rejoindre l’appel.",
   "Accept microphone permissions to join the call.": "Autorisez l’accès au microphone pour rejoindre l’appel.",
@@ -23,18 +22,15 @@
   "Create account": "Créer un compte",
   "Debug log": "Journal de débogage",
   "Debug log request": "Demande d’un journal de débogage",
-  "Description (optional)": "Description (facultatif)",
   "Details": "Informations",
   "Developer": "Développeur",
   "Display name": "Nom d’affichage",
   "Download debug logs": "Télécharger les journaux de débogage",
-  "Entering room…": "Entrée dans le salon…",
   "Exit full screen": "Quitter le plein écran",
   "Freedom": "Libre",
   "Full screen": "Plein écran",
   "Go": "Commencer",
   "Grid layout menu": "Menu en grille",
-  "Having trouble? Help us fix it.": "Un problème ? Aidez nous à le résoudre.",
   "Home": "Accueil",
   "Include debug logs": "Inclure les journaux de débogage",
   "Incompatible versions": "Versions incompatibles",
@@ -45,7 +41,6 @@
   "Join call now": "Rejoindre l’appel maintenant",
   "Join existing call?": "Rejoindre un appel existant ?",
   "Leave": "Partir",
-  "Loading room…": "Chargement du salon…",
   "Loading…": "Chargement…",
   "Local volume": "Volume local",
   "Logging in…": "Connexion…",
@@ -55,7 +50,6 @@
   "Microphone permissions needed to join the call.": "Accès au microphone requis pour rejoindre l’appel.",
   "Microphone {{n}}": "Microphone {{n}}",
   "More": "Plus",
-  "More menu": "Menu plus",
   "Mute microphone": "Couper le micro",
   "No": "Non",
   "Not now, return to home screen": "Pas maintenant, retourner à l’accueil",
@@ -76,8 +70,6 @@
   "Release to stop": "Relâcher pour arrêter",
   "Remove": "Supprimer",
   "Return to home screen": "Retour à l’accueil",
-  "Save": "Enregistrer",
-  "Saving…": "Enregistrement…",
   "Select an option": "Sélectionnez une option",
   "Send debug logs": "Envoyer les journaux de débogage",
   "Sending…": "Envoi…",
@@ -90,7 +82,6 @@
   "Spotlight": "Premier plan",
   "Stop sharing screen": "Arrêter le partage d’écran",
   "Submit feedback": "Envoyer des retours",
-  "Submitting feedback…": "Envoi des retours…",
   "Take me Home": "Retouner à l’accueil",
   "Talk over speaker": "Parler par dessus l’intervenant",
   "Thanks! We'll get right on it.": "Merci ! Nous allons nous y attaquer.",
@@ -117,7 +108,6 @@
   "Version: {{version}}": "Version : {{version}}",
   "Username": "Nom d’utilisateur",
   "User menu": "Menu utilisateur",
-  "User ID": "Identifiant utilisateur",
   "Unmute microphone": "Allumer le micro",
   "Turn on camera": "Allumer la caméra",
   "Turn off camera": "Couper la caméra",
@@ -130,5 +120,22 @@
   "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Vous avez déjà un compte ?</0><1><0>Se connecter</0> Ou <2>Accès invité</2></1>",
   "Sending debug logs…": "Envoi des journaux de débogage…",
   "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Rejoindre l’appel maintenant</0><1>Ou</1><2>Copier le lien de l’appel et rejoindre plus tard</2>",
-  "{{name}} (Connecting...)": "{{name}} (Connexion…)"
+  "{{name}} (Connecting...)": "{{name}} (Connexion…)",
+  "Element Call Home": "Accueil Element Call",
+  "Copy": "Copier",
+  "{{name}} (Waiting for video...)": "{{name}} (En attente de vidéo…)",
+  "This feature is only supported on Firefox.": "Cette fonctionnalité est prise en charge dans Firefox uniquement.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Soumettre les journaux de débogage nous aidera à déterminer le problème.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Oups, quelque chose s’est mal passé.</0>",
+  "Use the upcoming grid system": "Utiliser le futur système de grille",
+  "Expose developer settings in the settings window.": "Affiche les paramètres développeurs dans la fenêtre des paramètres.",
+  "Developer Settings": "Paramètres développeurs",
+  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "En participant à cette beta, vous consentez à la collecte de données anonymes, qui seront utilisées pour améliorer le produit. Vous trouverez plus d’informations sur les données collectées dans notre <2>Politique de vie privée</2> et notre <5>Politique de cookies</5>.",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Vous pouvez retirer votre consentement en décochant cette case. Si vous êtes actuellement en communication, ce paramètre prendra effet à la fin de l’appel.",
+  "Your feedback": "Votre commentaire",
+  "Thanks, we received your feedback!": "Merci, nous avons reçu vos commentaires !",
+  "Submitting…": "Envoi…",
+  "Submit": "Envoyer",
+  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Si vous rencontrez des problèmes, ou vous voulez simplement faire un commentaire, veuillez nous envoyer une courte description ci-dessous.",
+  "Feedback": "Commentaires"
 }

public/locales/id/app.json

@@ -1,7 +1,6 @@
 {
   "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Sudah punya akun?</0><1><0>Masuk</0> Atau <2>Akses sebagai tamu</2></1>",
   "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Buat akun</0> Atau <2>Akses sebagai tamu</2>",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "<0>Aduh, ada yang salah.</0><1>Mengirimkan catatan pengawakutuan akan membantu kami melacak masalahnya.</1>",
   "<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>": "<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>",
   "Accept camera/microphone permissions to join the call.": "Terima izin kamera/mikrofon untuk bergabung ke panggilan.",
   "Accept microphone permissions to join the call.": "Terima izin mikrofon untuk bergabung ke panggilan.",
@@ -24,19 +23,16 @@
   "Create account": "Buat akun",
   "Debug log": "Catatan pengawakutuan",
   "Debug log request": "Permintaan catatan pengawakutuan",
-  "Description (optional)": "Deskripsi (opsional)",
   "Details": "Detail",
   "Developer": "Pengembang",
   "Display name": "Nama tampilan",
   "Download debug logs": "Unduh catatan pengawakutuan",
-  "Entering room…": "Memasuki ruangan…",
   "Exit full screen": "Keluar dari layar penuh",
   "Fetching group call timed out.": "Waktu pendapatan panggilan grup habis.",
   "Freedom": "Bebas",
   "Full screen": "Layar penuh",
   "Go": "Bergabung",
   "Grid layout menu": "Menu tata letak kisi",
-  "Having trouble? Help us fix it.": "Mengalami masalah? Bantu kami memperbaikinya.",
   "Home": "Beranda",
   "Include debug logs": "Termasuk catatan pengawakutuan",
   "Incompatible versions": "Versi tidak kompatibel",
@@ -48,7 +44,6 @@
   "Join call now": "Bergabung ke panggilan sekarang",
   "Join existing call?": "Bergabung ke panggilan yang sudah ada?",
   "Leave": "Keluar",
-  "Loading room…": "Memuat ruangan…",
   "Loading…": "Memuat…",
   "Local volume": "Volume lokal",
   "Logging in…": "Memasuki…",
@@ -58,7 +53,6 @@
   "Microphone permissions needed to join the call.": "Izin mikrofon dibutuhkan untuk bergabung ke panggilan ini.",
   "Microphone {{n}}": "Mikrofon {{n}}",
   "More": "Lainnya",
-  "More menu": "Menu lainnya",
   "Mute microphone": "Bisukan mikrofon",
   "No": "Tidak",
   "Not now, return to home screen": "Tidak sekarang, kembali ke layar beranda",
@@ -79,8 +73,6 @@
   "Release to stop": "Lepaskan untuk berhenti",
   "Remove": "Hapus",
   "Return to home screen": "Kembali ke layar beranda",
-  "Save": "Simpan",
-  "Saving…": "Menyimpan…",
   "Select an option": "Pilih sebuah opsi",
   "Send debug logs": "Kirim catatan pengawakutuan",
   "Sending…": "Mengirimkan…",
@@ -95,7 +87,6 @@
   "Spotlight": "Sorotan",
   "Stop sharing screen": "Berhenti membagikan layar",
   "Submit feedback": "Kirim masukan",
-  "Submitting feedback…": "Mengirimkan masukan…",
   "Take me Home": "Bawa saya ke Beranda",
   "Talk over speaker": "Bicara pada pembicara",
   "Talking…": "Berbicara…",
@@ -106,7 +97,6 @@
   "Turn off camera": "Matikan kamera",
   "Turn on camera": "Nyalakan kamera",
   "Unmute microphone": "Suarakan mikrofon",
-  "User ID": "ID pengguna",
   "User menu": "Menu pengguna",
   "Username": "Nama pengguna",
   "Version: {{version}}": "Versi: {{version}}",
@@ -130,5 +120,22 @@
   "{{roomName}} - Walkie-talkie call": "{{roomName}} - Panggilan protofon",
   "Sending debug logs…": "Mengirimkan catatan pengawakutuan…",
   "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Bergabung panggilan sekarang</0><1>Atau</1><2>Salin tautan dan bergabung nanti</2>",
-  "{{name}} (Connecting...)": "{{name}} (Menghubungkan...)"
+  "{{name}} (Connecting...)": "{{name}} (Menghubungkan...)",
+  "Element Call Home": "Beranda Element Call",
+  "Copy": "Salin",
+  "{{name}} (Waiting for video...)": "{{name}} (Menunggu video...)",
+  "This feature is only supported on Firefox.": "Fitur ini hanya didukung di Firefox.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Mengirim catatan pengawakutuan akan membantu kami melacak masalahnya.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Aduh, ada yang salah.</0>",
+  "Use the upcoming grid system": "Gunakan sistem kisi yang akan segera datang",
+  "Expose developer settings in the settings window.": "Ekspos pengaturan pengembang dalam jendela pengaturan.",
+  "Developer Settings": "Pengaturan Pengembang",
+  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Dengan bergabung dalam beta ini, Anda mengizinkan kami untuk mengumpulkan data anonim, yang kami gunakan untuk meningkatkan produk ini. Anda dapat mempelajari lebih lanjut tentang data apa yang kami lacak dalam <2>Kebijakan Privasi</2> dan <5>Kebijakan Kuki</5> kami.",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Anda dapat mengurungkan kembali izin dengan mencentang kotak ini. Jika Anda saat ini dalam panggilan, pengaturan ini akan diterapkan di akhir panggilan.",
+  "Feedback": "Masukan",
+  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Jika Anda mengalami masalah atau hanya ingin memberikan masukan, silakan kirimkan kami deskripsi pendek di bawah.",
+  "Submit": "Kirim",
+  "Submitting…": "Mengirim",
+  "Thanks, we received your feedback!": "Terima kasih, kami telah menerima masukan Anda!",
+  "Your feedback": "Masukan Anda"
 }

public/locales/ja/app.json

@@ -0,0 +1,107 @@
+{
+  "{{name}} (Connecting...)": "{{name}}（接続しています…）",
+  "{{count}} people connected|other": "{{count}}人が接続済",
+  "{{count}} people connected|one": "{{count}}人が接続済",
+  "{{name}} (Waiting for video...)": "{{name}}（ビデオを待機しています…）",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>既にアカウントをお持ちですか？</0><1><0>ログイン</0>または<2>ゲストとしてアクセス</2></1>",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - トランシーバー通話",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>アカウントを作成</0>または<2>ゲストとしてアクセス</2>",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>今すぐ通話に参加</0><1>または</1><2>通話リンクをコピーし、後で参加</2>",
+  "Accept camera/microphone permissions to join the call.": "通話に参加するには、カメラ・マイクの許可が必要です。",
+  "<0>Oops, something's gone wrong.</0>": "<0>何かがうまく行きませんでした。</0>",
+  "Camera/microphone permissions needed to join the call.": "通話に参加する場合、カメラ・マイクの許可が必要です。",
+  "Camera": "カメラ",
+  "Call link copied": "通話リンクをコピーしました",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "「今すぐ通話に参加」をクリックすると、<2>利用規約</2>に同意したとみなされます",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "「続行」をクリックすると、 <2>利用規約</2>に同意したとみなされます",
+  "Avatar": "アバター",
+  "Accept microphone permissions to join the call.": "通話に参加するには、マイクの許可が必要です。",
+  "Audio": "音声",
+  "Connection lost": "接続が切断されました",
+  "Confirm password": "パスワードを確認",
+  "Close": "閉じる",
+  "Change layout": "レイアウトを変更",
+  "Copied!": "コピーしました！",
+  "Copy and share this call link": "通話リンクをコピーし共有",
+  "Copy": "コピー",
+  "Debug log": "デバッグログ",
+  "Create account": "アカウントを作成",
+  "Go": "続行",
+  "Fetching group call timed out.": "グループ通話の取得がタイムアウトしました。",
+  "Element Call Home": "Element Call ホーム",
+  "Download debug logs": "デバッグログをダウンロード",
+  "Display name": "表示名",
+  "Developer": "開発者",
+  "Details": "詳細",
+  "Full screen": "全画面表示",
+  "Exit full screen": "全画面表示を終了",
+  "Include debug logs": "デバッグログを含める",
+  "Home": "ホーム",
+  "Incompatible versions!": "互換性のないバージョンです！",
+  "Incompatible versions": "互換性のないバージョン",
+  "Join existing call?": "既存の通話に参加しますか？",
+  "Join call now": "今すぐ通話に参加",
+  "Join call": "通話に参加",
+  "Invite": "招待",
+  "Invite people": "連絡先を招待",
+  "Not registered yet? <2>Create an account</2>": "アカウントがありませんか？ <2>アカウントを作成</2>",
+  "Mute microphone": "マイクをミュート",
+  "Microphone permissions needed to join the call.": "通話の参加にはマイクの許可が必要です。",
+  "Microphone": "マイク",
+  "Login": "ログイン",
+  "Logging in…": "ログインしています…",
+  "Loading…": "読み込んでいます…",
+  "Leave": "退出",
+  "Version: {{version}}": "バージョン：{{version}}",
+  "Username": "ユーザー名",
+  "User menu": "ユーザーメニュー",
+  "Unmute microphone": "マイクのミュートを解除",
+  "Turn on camera": "カメラをつける",
+  "Turn off camera": "カメラを切る",
+  "Submit feedback": "フィードバックを送信",
+  "Stop sharing screen": "画面共有を停止",
+  "Spotlight": "スポットライト",
+  "Send debug logs": "デバッグログを送信",
+  "Sign out": "サインアウト",
+  "Sign in": "サインイン",
+  "Share screen": "画面共有",
+  "Settings": "設定",
+  "Sending…": "送信しています…",
+  "Sending debug logs…": "デバッグログを送信しています…",
+  "Return to home screen": "ホーム画面に戻る",
+  "Registering…": "登録しています…",
+  "Register": "登録",
+  "Profile": "プロフィール",
+  "Press and hold spacebar to talk": "スペースを長押しで会話",
+  "Passwords must match": "パスワードが一致する必要があります",
+  "Password": "パスワード",
+  "Speaker": "スピーカー",
+  "Video call name": "ビデオ通話の名称",
+  "Video call": "ビデオ通話",
+  "Video": "ビデオ",
+  "Waiting for other participants…": "他の参加者を待機しています…",
+  "Waiting for network": "ネットワークを待機しています",
+  "Walkie-talkie call name": "トランシーバー通話の名称",
+  "Walkie-talkie call": "トランシーバー通話",
+  "Camera {{n}}": "カメラ {{n}}",
+  "{{name}} is talking…": "{{name}}が話しています…",
+  "Yes, join call": "はい、通話に参加",
+  "Spatial audio": "空間オーディオ",
+  "Select an option": "オプションを選択",
+  "Debug log request": "デバッグログを要求",
+  "Your recent calls": "最近の通話",
+  "You can't talk at the same time": "同時に会話することはできません",
+  "WebRTC is not supported or is being blocked in this browser.": "お使いのブラウザでWebRTCがサポートされていないか、またはブロックされています。",
+  "Login to your account": "アカウントにログイン",
+  "Freedom": "自由",
+  "{{displayName}}, your call is now ended": "{{displayName}}、通話が終了しました",
+  "Talking…": "話しています…",
+  "Remove": "削除",
+  "No": "いいえ",
+  "This feature is only supported on Firefox.": "この機能はFirefoxでのみサポートされています。",
+  "This call already exists, would you like to join?": "この通話は既に存在します。参加しますか？",
+  "Take me Home": "ホームに戻る",
+  "Press and hold to talk": "押し続けて会話",
+  "{{name}} is presenting": "{{name}}が画面を共有しています",
+  "{{names}}, {{name}}": "{{names}}、{{name}}"
+}

public/locales/ko/app.json

@@ -1,7 +1,6 @@
 {
   "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "",
   "<0>Create an account</0> Or <2>Access as a guest</2>": "",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "",
   "{{count}} people connected|one": "{{count}}명 연결됨",
   "{{count}} people connected|other": "{{count}}명 연결됨",
   "{{displayName}}, your call is now ended": "{{displayName}}님, 전화가 종료되었습니다",

public/locales/pl/app.json

@@ -1,9 +1,8 @@
 {
-  "More menu": "Menu \"więcej\"",
   "Login": "Zaloguj się",
-  "Go": "Kontynuuj",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Klikając \"Kontynuuj\", wyrażasz zgodę na nasze <2>Warunki</2>",
-  "{{count}} people connected|other": "{{count}} ludzi połączono",
+  "Go": "Przejdź",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Klikając \"Kontynuuj\", wyrażasz zgodę na nasze <2>Zasady i warunki</2>",
+  "{{count}} people connected|other": "{{count}} osób połączonych",
   "Your recent calls": "Twoje ostatnie połączenia",
   "You can't talk at the same time": "Nie możesz mówić w tym samym czasie",
   "Yes, join call": "Tak, dołącz do połączenia",
@@ -18,7 +17,6 @@
   "Version: {{version}}": "Wersja: {{version}}",
   "Username": "Nazwa użytkownika",
   "User menu": "Menu użytkownika",
-  "User ID": "ID użytkownika",
   "Unmute microphone": "Wyłącz wyciszenie mikrofonu",
   "Turn on camera": "Włącz kamerę",
   "Turn off camera": "Wyłącz kamerę",
@@ -26,8 +24,7 @@
   "This call already exists, would you like to join?": "Te połączenie już istnieje, czy chcesz do niego dołączyć?",
   "Thanks! We'll get right on it.": "Dziękujemy! Zaraz się tym zajmiemy.",
   "Talking…": "Mówienie…",
-  "Take me Home": "Zabierz mnie do ekranu startowego",
-  "Submitting feedback…": "Przesyłanie opinii…",
+  "Take me Home": "Zabierz mnie do strony głównej",
   "Submit feedback": "Prześlij opinię",
   "Stop sharing screen": "Zatrzymaj udostępnianie ekranu",
   "Spotlight": "Centrum uwagi",
@@ -43,12 +40,10 @@
   "Sending debug logs…": "Wysyłanie dzienników debugowania…",
   "Send debug logs": "Wyślij dzienniki debugowania",
   "Select an option": "Wybierz opcję",
-  "Saving…": "Zapisywanie…",
-  "Save": "Zapisz",
-  "Return to home screen": "Powróć do ekranu domowego",
+  "Return to home screen": "Powróć do strony głównej",
   "Remove": "Usuń",
-  "Release to stop": "Puść przycisk, aby przestać",
-  "Release spacebar key to stop": "Puść spację, aby przestać",
+  "Release to stop": "Puść przycisk, aby zatrzymać",
+  "Release spacebar key to stop": "Puść spację, aby zatrzymać",
   "Registering…": "Rejestrowanie…",
   "Register": "Zarejestruj",
   "Recaptcha not loaded": "Recaptcha nie została załadowana",
@@ -58,7 +53,7 @@
   "Press and hold to talk": "Przytrzymaj, aby mówić",
   "Press and hold spacebar to talk over {{name}}": "Przytrzymaj spację, aby mówić wraz z {{name}}",
   "Press and hold spacebar to talk": "Przytrzymaj spację, aby mówić",
-  "Passwords must match": "Hasła muszą być identyczne",
+  "Passwords must match": "Hasła muszą pasować",
   "Password": "Hasło",
   "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Inni użytkownicy próbują dołączyć do tego połączenia przy użyciu niekompatybilnych wersji. Powinni oni upewnić się, że odświeżyli stronę w swoich przeglądarkach:<1>{userLis}</1>",
   "Not registered yet? <2>Create an account</2>": "Nie masz konta? <2>Utwórz je</2>",
@@ -71,9 +66,8 @@
   "Microphone": "Mikrofon",
   "Login to your account": "Zaloguj się do swojego konta",
   "Logging in…": "Logowanie…",
-  "Local volume": "Lokalna głośność",
+  "Local volume": "Głośność lokalna",
   "Loading…": "Ładowanie…",
-  "Loading room…": "Ładowanie pokoju…",
   "Leave": "Opuść",
   "Join existing call?": "Dołączyć do istniejącego połączenia?",
   "Join call now": "Dołącz do połączenia teraz",
@@ -85,46 +79,57 @@
   "Incompatible versions": "Niekompatybilne wersje",
   "Include debug logs": "Dołącz dzienniki debugowania",
   "Home": "Strona domowa",
-  "Having trouble? Help us fix it.": "Masz problem? Pomóż nam go naprawić.",
   "Grid layout menu": "Menu układu siatki",
-  "Full screen": "Pełen ekran",
+  "Full screen": "Pełny ekran",
   "Freedom": "Wolność",
   "Fetching group call timed out.": "Przekroczono limit czasu na uzyskanie połączenia grupowego.",
-  "Exit full screen": "Zamknij pełny ekran",
-  "Entering room…": "Wchodzenie do pokoju…",
+  "Exit full screen": "Opuść pełny ekran",
   "Download debug logs": "Pobierz dzienniki debugowania",
-  "Display name": "Wyświetlana nazwa",
-  "Developer": "Deweloper",
+  "Display name": "Nazwa wyświetlana",
+  "Developer": "Programista",
   "Details": "Szczegóły",
-  "Description (optional)": "Opis (opcjonalny)",
   "Debug log request": "Prośba o dzienniki debugowania",
   "Debug log": "Dzienniki debugowania",
   "Create account": "Utwórz konto",
-  "Copy and share this call link": "Skopiuj i podziel się linkiem do połączenia",
+  "Copy and share this call link": "Skopiuj i udostępnij link do rozmowy",
   "Copied!": "Skopiowano!",
   "Connection lost": "Połączenie utracone",
   "Confirm password": "Potwierdź hasło",
   "Close": "Zamknij",
   "Change layout": "Zmień układ",
-  "Camera/microphone permissions needed to join the call.": "Aby dołączyć do tego połączenia, potrzebne są uprawnienia do kamery/mikrofonu.",
+  "Camera/microphone permissions needed to join the call.": "Wymagane są uprawnienia do kamery/mikrofonu, aby dołączyć do rozmowy.",
   "Camera {{n}}": "Kamera {{n}}",
   "Camera": "Kamera",
-  "Call type menu": "Menu rodzaju połączenia",
+  "Call type menu": "Menu typu połączenia",
   "Call link copied": "Skopiowano link do połączenia",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Klikając \"Dołącz do rozmowy\", wyrażasz zgodę na nasze <2>Warunki</2>",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Klikając \"Dołącz do rozmowy\", wyrażasz zgodę na nasze <2>Zasady i warunki</2>",
   "Avatar": "Awatar",
   "Audio": "Dźwięk",
   "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Inny użytkownik w tym połączeniu napotkał problem. Aby lepiej zdiagnozować tę usterkę, chcielibyśmy zebrać dzienniki debugowania.",
-  "Accept microphone permissions to join the call.": "Przyznaj uprawnienia do mikrofonu aby dołączyć do połączenia.",
-  "Accept camera/microphone permissions to join the call.": "Przyznaj uprawnienia do kamery/mikrofonu aby dołączyć do połączenia.",
+  "Accept microphone permissions to join the call.": "Akceptuj uprawnienia mikrofonu, aby dołączyć do połączenia.",
+  "Accept camera/microphone permissions to join the call.": "Akceptuj uprawnienia kamery/mikrofonu, aby dołączyć do połączenia.",
   "<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>": "<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>",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "<0>Ups, coś poszło nie tak.</0><1>Przesłanie dzienników debugowania pomoże nam odnaleźć ten błąd.</1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Utwórz konto</0> Albo <2>Dołącz jako gość</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Masz już konto?</0><1><0>Zaloguj się</0> Albo <2>Dołącz jako gość</2></1>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Utwórz konto</0> lub <2>Dołącz jako gość</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Masz już konto?</0><1><0>Zaloguj się</0> lub <2>Dołącz jako gość</2></1>",
   "{{roomName}} - Walkie-talkie call": "{{roomName}} - połączenie walkie-talkie",
   "{{names}}, {{name}}": "{{names}}, {{name}}",
   "{{name}} is talking…": "{{name}} mówi…",
   "{{name}} is presenting": "{{name}} prezentuje",
   "{{displayName}}, your call is now ended": "{{displayName}}, twoje połączenie zostało zakończone",
-  "{{count}} people connected|one": "{{count}} osoba połączona"
+  "{{count}} people connected|one": "{{count}} osoba połączona",
+  "This feature is only supported on Firefox.": "Ta funkcjonalność jest dostępna tylko w Firefox.",
+  "Copy": "Kopiuj",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Wysłanie dzienników debuggowania pomoże nam ustalić przyczynę problemu.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Ojej, coś poszło nie tak.</0>",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Dołącz do rozmowy już teraz</0><1>lub</1><2>Skopiuj link do rozmowy i dołącz później</2>",
+  "{{name}} (Waiting for video...)": "{{name}} (Oczekiwanie na wideo...)",
+  "{{name}} (Connecting...)": "{{name}} (Łączenie...)",
+  "Expose developer settings in the settings window.": "Wyświetl opcje programisty w oknie ustawień.",
+  "Element Call Home": "Strona główna Element Call",
+  "Developer Settings": "Opcje programisty",
+  "Talk over speaker": "Rozmowa przez głośnik",
+  "Use the upcoming grid system": "Użyj nadchodzącego systemu siatek",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Ta strona jest chroniona przez ReCAPTCHA, więc obowiązują na niej <2>Polityka prywatności</2> i <6>Warunki świadczenia usług</6> Google.<9></9>Klikając \"Zarejestruj się\", zgadzasz się na nasze <12>Warunki świadczenia usług</12>",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Możesz wycofać swoją zgodę poprzez odznaczenie tego pola. Jeśli już jesteś w trakcie rozmowy, opcja zostanie zastosowana po jej zakończeniu.",
+  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Uczestnicząc w tej becie, upoważniasz nas do zbierania anonimowych danych, które wykorzystamy do ulepszenia produktu. Dowiedz się więcej na temat danych, które zbieramy w naszej <2>Polityce prywatności</2> i <5>Polityce ciasteczek</5>."
 }

public/locales/ru/app.json

@@ -1,9 +1,7 @@
 {
   "Register": "Зарегистрироваться",
-  "Saving…": "Сохранение…",
   "Registering…": "Регистрация…",
   "Logging in…": "Вход…",
-  "Entering room…": "Вход в комнату…",
   "{{names}}, {{name}}": "{{names}}, {{name}}",
   "Waiting for other participants…": "Ожидание других участников…",
   "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Эта функция балансирует звук к расположению плитки на экране. (Экспериментальная функция: может повлиять на стабильность аудио.)",
@@ -11,7 +9,6 @@
   "This call already exists, would you like to join?": "Этот звонок уже существует, хотите присоединиться?",
   "Thanks! We'll get right on it.": "Спасибо! Мы учтём ваш отзыв.",
   "Talking…": "Говорите…",
-  "Submitting feedback…": "Отправка отзыва…",
   "Submit feedback": "Отправить отзыв",
   "Sending debug logs…": "Отправка журнала отладки…",
   "Select an option": "Выберите вариант",
@@ -39,7 +36,6 @@
   "Version: {{version}}": "Версия: {{version}}",
   "Username": "Имя пользователя",
   "User menu": "Меню пользователя",
-  "User ID": "ID пользователя",
   "Unmute microphone": "Включить микрофон",
   "Turn on camera": "Включить камеру",
   "Turn off camera": "Отключить камеру",
@@ -58,16 +54,13 @@
   "Sending…": "Отправка…",
   "Local volume": "Местная громкость",
   "Call type menu": "Меню \"Тип звонка\"",
-  "More menu": "Полное меню",
   "{{roomName}} - Walkie-talkie call": "{{roomName}} - Звонок-рация",
   "Include debug logs": "Приложить журнал отладки",
   "Download debug logs": "Скачать журнал отладки",
   "Debug log request": "Запрос журнала отладки",
   "Debug log": "Журнал отладки",
   "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "У одного из участников звонка есть неполадки. Чтобы лучше диагностировать похожие проблемы, нам нужен журнал отладки.",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "<0>Ой, что-то пошло не так.</0><1>Отправив журнал отладки, вы поможете нам найти проблемный участок.</1>",
   "Send debug logs": "Отправить журнал отладки",
-  "Save": "Сохранить",
   "Return to home screen": "Вернуться в Начало",
   "Remove": "Удалить",
   "Recaptcha not loaded": "Невозможно начать проверку",
@@ -88,7 +81,6 @@
   "Login to your account": "Войдите в свой аккаунт",
   "Login": "Вход",
   "Loading…": "Загрузка…",
-  "Loading room…": "Загрузка комнаты…",
   "Leave": "Покинуть",
   "Join existing call?": "Присоединиться к существующему звонку?",
   "Join call now": "Присоединиться сейчас",
@@ -99,7 +91,6 @@
   "Incompatible versions!": "Несовместимые версии!",
   "Incompatible versions": "Несовместимые версии",
   "Home": "Начало",
-  "Having trouble? Help us fix it.": "Есть проблема? Помогите нам её устранить.",
   "Go": "Далее",
   "Full screen": "Полноэкранный режим",
   "Freedom": "Свобода",
@@ -108,7 +99,6 @@
   "Display name": "Видимое имя",
   "Developer": "Разработчику",
   "Details": "Подробности",
-  "Description (optional)": "Описание (необязательно)",
   "Create account": "Создать аккаунт",
   "Copy and share this call link": "Скопируйте и поделитесь этой ссылкой на звонок",
   "Copied!": "Скопировано!",
@@ -128,5 +118,18 @@
   "{{name}} is presenting": "{{name}} показывает",
   "{{displayName}}, your call is now ended": "{{displayName}}, ваш звонок завершён",
   "{{count}} people connected|other": "{{count}} подключилось",
-  "{{count}} people connected|one": "{{count}} подключился"
+  "{{count}} people connected|one": "{{count}} подключился",
+  "Element Call Home": "Главная Element Call",
+  "Copy": "Копировать",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Присоединиться сейчас к звонку</0><1>или<1><2>Скопировать ссылку на звонок и присоединиться позже</2>",
+  "{{name}} (Connecting...)": "{{name}} (Соединение...)",
+  "This feature is only supported on Firefox.": "Эта возможность доступна только в Firefox.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Отправка журналов поможет нам найти и устранить проблему.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Упс, что-то пошло не так.</0>",
+  "{{name}} (Waiting for video...)": "{{name}} (Ожидание видео...)",
+  "Use the upcoming grid system": "Использовать сеточный показ",
+  "Expose developer settings in the settings window.": "Раскрыть настройки разработчика в окне настроек.",
+  "Developer Settings": "Настройки Разработчика",
+  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Участвуя в этой бета-версии, вы соглашаетесь на сбор анонимных данных, которые мы используем для улучшения продукта. Более подробную информацию о том, какие данные мы отслеживаем, вы можете найти в нашей <2> Политике конфиденциальности</2> и нашей <5> Политике использования файлов cookie</5>.",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Вы можете отозвать согласие, сняв этот флажок. Если вы в данный момент находитесь в разговоре, эта настройка вступит в силу по окончании разговора."
 }

public/locales/sk/app.json

@@ -0,0 +1,141 @@
+{
+  "Spotlight": "Stredobod",
+  "Local volume": "Lokálna hlasitosť",
+  "Include debug logs": "Zahrnúť záznamy o ladení",
+  "Fetching group call timed out.": "Vypršal čas načítania skupinového volania.",
+  "Element Call Home": "Domov Element Call",
+  "You can't talk at the same time": "Nemôžete hovoriť naraz",
+  "Waiting for other participants…": "Čaká sa na ďalších účastníkov…",
+  "Waiting for network": "Čakanie na sieť",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Zvuk reproduktora tak bude vyzerať, akoby vychádzal z miesta, kde je na obrazovke umiestnená jeho ikona. (Experimentálna funkcia: môže to mať vplyv na stabilitu zvuku.)",
+  "Thanks! We'll get right on it.": "Vďaka! Hneď sa do toho pustíme.",
+  "Talking…": "Rozprávanie…",
+  "Talk over speaker": "Hovor cez reproduktor",
+  "Take me Home": "Zober ma domov",
+  "Submit feedback": "Odoslať spätnú väzbu",
+  "Stop sharing screen": "Zastaviť zdieľanie obrazovky",
+  "Show call inspector": "Zobraziť inšpektora hovorov",
+  "Share screen": "Zdieľať obrazovku",
+  "Sending…": "Odosielanie…",
+  "Sending debug logs…": "Odosielanie záznamov o ladení…",
+  "Send debug logs": "Odoslať záznamy o ladení",
+  "Select an option": "Vyberte možnosť",
+  "Return to home screen": "Návrat na domovskú obrazovku",
+  "Remove": "Odstrániť",
+  "Release spacebar key to stop": "Pustite medzerník pre ukončenie",
+  "Release to stop": "Pustite pre ukončenie",
+  "Registering…": "Registrácia…",
+  "Register": "Registrovať sa",
+  "Recaptcha not loaded": "Recaptcha sa nenačítala",
+  "Recaptcha dismissed": "Recaptcha zamietnutá",
+  "Profile": "Profil",
+  "Press and hold to talk over {{name}}": "Stlačte a podržte pre hovor cez {{name}}",
+  "Press and hold to talk": "Stlačte a podržte pre hovor",
+  "Press and hold spacebar to talk over {{name}}": "Stlačte a podržte medzerník, ak chcete hovoriť cez {{name}}",
+  "Press and hold spacebar to talk": "Stlačte a podržte medzerník, ak chcete hovoriť",
+  "Passwords must match": "Heslá sa musia zhodovať",
+  "Password": "Heslo",
+  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Ostatní používatelia sa pokúšajú pripojiť k tomuto hovoru z nekompatibilných verzií. Títo používatelia by sa mali uistiť, že si obnovili svoje prehliadače:<1>{userLis}</1>",
+  "Not registered yet? <2>Create an account</2>": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
+  "Not now, return to home screen": "Teraz nie, vrátiť sa na domovskú obrazovku",
+  "No": "Nie",
+  "Mute microphone": "Stlmiť mikrofón",
+  "More": "Viac",
+  "Microphone permissions needed to join the call.": "Povolenie mikrofónu je potrebné na pripojenie k hovoru.",
+  "Microphone {{n}}": "Mikrofón {{n}}",
+  "Microphone": "Mikrofón",
+  "Login to your account": "Prihláste sa do svojho konta",
+  "Login": "Prihlásiť sa",
+  "Logging in…": "Prihlasovanie…",
+  "Loading…": "Načítanie…",
+  "Leave": "Opustiť",
+  "Join existing call?": "Pripojiť sa k existujúcemu hovoru?",
+  "Join call now": "Pripojiť sa k hovoru teraz",
+  "Join call": "Pripojiť sa k hovoru",
+  "Invite people": "Pozvať ľudí",
+  "Invite": "Pozvať",
+  "Inspector": "Inšpektor",
+  "Incompatible versions!": "Nekompatibilné verzie!",
+  "Incompatible versions": "Nekompatibilné verzie",
+  "Home": "Domov",
+  "Grid layout menu": "Ponuka rozloženia mriežky",
+  "Go": "Prejsť",
+  "Full screen": "Zobrazenie na celú obrazovku",
+  "Freedom": "Sloboda",
+  "Exit full screen": "Ukončiť zobrazenie na celú obrazovku",
+  "Download debug logs": "Stiahnuť záznamy ladenia",
+  "Your recent calls": "Vaše nedávne hovory",
+  "Yes, join call": "Áno, pripojiť sa k hovoru",
+  "WebRTC is not supported or is being blocked in this browser.": "WebRTC nie je podporované alebo je v tomto prehliadači blokované.",
+  "Walkie-talkie call name": "Názov vysielačkového hovoru",
+  "Walkie-talkie call": "Vysielačkový hovor",
+  "Video call name": "Názov video hovoru",
+  "Video call": "Video hovor",
+  "Video": "Video",
+  "Version: {{version}}": "Verzia: {{version}}",
+  "Username": "Meno používateľa",
+  "User menu": "Používateľské menu",
+  "Unmute microphone": "Zrušiť stlmenie mikrofónu",
+  "Turn on camera": "Zapnúť kameru",
+  "Turn off camera": "Vypnúť kameru",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Táto stránka je chránená systémom ReCAPTCHA a platia na ňu <2>Pravidlá ochrany osobných údajov</2> a <6>Podmienky poskytovania služieb</6> spoločnosti Google.<9></9>Kliknutím na tlačidlo \"Registrovať sa\" vyjadrujete súhlas s našimi <12>Podmienkami poskytovania služieb</12>",
+  "This call already exists, would you like to join?": "Tento hovor už existuje, chceli by ste sa k nemu pripojiť?",
+  "Speaker {{n}}": "Reproduktor {{n}}",
+  "Speaker": "Reproduktor",
+  "Spatial audio": "Priestorový zvuk",
+  "Sign out": "Odhlásiť sa",
+  "Sign in": "Prihlásiť sa",
+  "Settings": "Nastavenia",
+  "Display name": "Zobrazované meno",
+  "Developer": "Vývojár",
+  "Details": "Podrobnosti",
+  "Debug log request": "Žiadosť o záznam ladenia",
+  "Debug log": "Záznam o ladení",
+  "Create account": "Vytvoriť účet",
+  "Copy and share this call link": "Skopírovať a zdieľať tento odkaz na hovor",
+  "Copy": "Kopírovať",
+  "Copied!": "Skopírované!",
+  "Connection lost": "Strata spojenia",
+  "Confirm password": "Potvrdiť heslo",
+  "Close": "Zatvoriť",
+  "Change layout": "Zmeniť rozloženie",
+  "Camera/microphone permissions needed to join the call.": "Povolenie kamery/mikrofónu je potrebné na pripojenie k hovoru.",
+  "Camera {{n}}": "Kamera {{n}}",
+  "Camera": "Kamera",
+  "Call type menu": "Ponuka typu hovoru",
+  "Call link copied": "Odkaz na hovor skopírovaný",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Kliknutím na \"Pripojiť sa k hovoru\" súhlasíte s našimi <2>Podmienkami</2>",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Kliknutím na tlačidlo \"Prejsť\" súhlasíte s našimi <2>Podmienkami</2>",
+  "Avatar": "Obrázok",
+  "Audio": "Audio",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Ďalší používateľ v tomto hovore má problém. Aby sme mohli lepšie diagnostikovať tieto problémy, chceli by sme získať záznam o ladení.",
+  "Accept camera/microphone permissions to join the call.": "Prijmite povolenia kamery/mikrofónu, aby ste sa mohli pripojiť k hovoru.",
+  "Accept microphone permissions to join the call.": "Prijmite povolenia mikrofónu, aby ste sa mohli pripojiť k hovoru.",
+  "<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>": "<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>",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Pripojiť sa k hovoru teraz</0><1>alebo</1><2>Kopírovať odkaz na hovor a pripojiť sa neskôr</2>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Vytvoriť konto</0> Alebo <2>Prihlásiť sa ako hosť</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Už máte konto?</0><1><0>Prihláste sa</0> Alebo <2>Prihlásiť sa ako hosť</2></1>",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Vysielačkový hovor",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{name}} is talking…": "{{name}} rozpráva…",
+  "{{name}} is presenting": "{{name}} prezentuje",
+  "{{name}} (Waiting for video...)": "{{name}} (Čaká sa na video...)",
+  "{{name}} (Connecting...)": "{{name}} (Pripájanie...)",
+  "{{displayName}}, your call is now ended": "{{displayName}}, váš hovor je teraz ukončený",
+  "{{count}} people connected|other": "{{count}} osôb pripojených",
+  "{{count}} people connected|one": "{{count}} osoba pripojená",
+  "This feature is only supported on Firefox.": "Táto funkcia je podporovaná len v prehliadači Firefox.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Odoslanie záznamov ladenia nám pomôže nájsť problém.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Hups, niečo sa pokazilo.</0>",
+  "Use the upcoming grid system": "Použiť pripravovaný systém mriežky",
+  "Expose developer settings in the settings window.": "Zobraziť nastavenia pre vývojárov v okne nastavení.",
+  "Developer Settings": "Nastavenia pre vývojárov",
+  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Účasťou v tejto beta verzii súhlasíte so zhromažďovaním anonymných údajov, ktoré použijeme na zlepšenie produktu. Viac informácií o tom, ktoré údaje sledujeme, nájdete v našich <2>Zásadách ochrany osobných údajov</2> a <5>Zásadách používania súborov cookie</5>.",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Súhlas môžete odvolať zrušením označenia tohto políčka. Ak práve prebieha hovor, toto nastavenie nadobudne platnosť po skončení hovoru.",
+  "Your feedback": "Vaša spätná väzba",
+  "Thanks, we received your feedback!": "Ďakujeme, dostali sme vašu spätnú väzbu!",
+  "Submitting…": "Odosielanie…",
+  "Submit": "Odoslať",
+  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Ak máte problémy alebo jednoducho chcete poskytnúť spätnú väzbu, pošlite nám krátky popis nižšie.",
+  "Feedback": "Spätná väzba"
+}

public/locales/tr/app.json

@@ -21,19 +21,16 @@
   "Create account": "Hesap aç",
   "Debug log": "Hata ayıklama kütüğü",
   "Debug log request": "Hata ayıklama kütük istemi",
-  "Description (optional)": "Tanım (isteğe bağlı)",
   "Details": "Ayrıntı",
   "Developer": "Geliştirici",
   "Display name": "Ekran adı",
   "Download debug logs": "Hata ayıklama kütüğünü indir",
-  "Entering room…": "Odaya giriliyor…",
   "Exit full screen": "Tam ekranı terk et",
   "Fetching group call timed out.": "Grup çağrısı zaman aşımına uğradı.",
   "Freedom": "Özgürlük",
   "Full screen": "Tam ekran",
   "Go": "Git",
   "Grid layout menu": "Izgara plan menü",
-  "Having trouble? Help us fix it.": "Sorun mu var? Çözmemize yardım edin.",
   "Home": "Ev",
   "Include debug logs": "Hata ayıklama kütüğünü dahil et",
   "Incompatible versions": "Uyumsuz sürümler",
@@ -44,7 +41,6 @@
   "Join call now": "Aramaya katıl",
   "Join existing call?": "Mevcut aramaya katıl?",
   "Leave": "Çık",
-  "Loading room…": "Oda yükleniyor…",
   "Loading…": "Yükleniyor…",
   "Local volume": "Yerel ses seviyesi",
   "Logging in…": "Giriliyor…",
@@ -54,7 +50,6 @@
   "Microphone permissions needed to join the call.": "Aramaya katılmak için mikrofon erişim izni gerek.",
   "Microphone {{n}}": "{{n}}. mikrofon",
   "More": "Daha",
-  "More menu": "Daha fazla",
   "Mute microphone": "Mikrofonu kapat",
   "No": "Hayır",
   "Not now, return to home screen": "Şimdi değil, ev ekranına dön",
@@ -72,8 +67,6 @@
   "Release to stop": "Kesmek için bırakın",
   "Remove": "Çıkar",
   "Return to home screen": "Ev ekranına geri dön",
-  "Save": "Kaydet",
-  "Saving…": "Kaydediliyor…",
   "Select an option": "Bir seçenek seç",
   "Send debug logs": "Hata ayıklama kütüğünü gönder",
   "Sending…": "Gönderiliyor…",
@@ -85,7 +78,6 @@
   "Spatial audio": "Uzamsal ses",
   "Stop sharing screen": "Ekran paylaşmayı terk et",
   "Submit feedback": "Geri bildirim ver",
-  "Submitting feedback…": "Geri bildirimler gönderiliyor…",
   "Take me Home": "Ev ekranına gir",
   "Talking…": "Konuşuyor…",
   "Thanks! We'll get right on it.": "Sağol! Bununla ilgileneceğiz.",
@@ -96,7 +88,6 @@
   "{{names}}, {{name}}": "{{names}}, {{name}}",
   "{{name}} is presenting": "{{name}} sunuyor",
   "{{name}} is talking…": "{{name}} konuşuyor…",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "<0>Hoop, bir şeyler yanlış.</0><1>Hata ayıklama kütüğünü göndermek sorunu incelememize yardımcı olur.</1>",
   "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Hesap oluştur</0> yahut <2>Konuk olarak gir</2>",
   "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Mevcut hesabınız mı var?</0><1><0>Gir</0> yahut <2>Konuk girişi</2></1>"
 }

public/locales/uk/app.json

@@ -14,7 +14,6 @@
   "Version: {{version}}": "Версія: {{version}}",
   "Username": "Ім'я користувача",
   "User menu": "Меню користувача",
-  "User ID": "ID користувача",
   "Unmute microphone": "Увімкнути мікрофон",
   "Turn on camera": "Увімкнути камеру",
   "Turn off camera": "Вимкнути камеру",
@@ -25,7 +24,6 @@
   "Talking…": "Говоріть…",
   "Talk over speaker": "Говорити через динамік",
   "Take me Home": "Перейти до Домівки",
-  "Submitting feedback…": "Надсилання відгуку…",
   "Submit feedback": "Надіслати відгук",
   "Stop sharing screen": "Припинити показ екрана",
   "Spotlight": "У центрі уваги",
@@ -38,11 +36,9 @@
   "Share screen": "Поділитися екраном",
   "Settings": "Налаштування",
   "Sending…": "Надсилання…",
-  "Sending debug logs…": "Надсилання журналу зневадження…",
-  "Send debug logs": "Надіслати журнал зневадження",
+  "Sending debug logs…": "Надсилання журналу налагодження…",
+  "Send debug logs": "Надіслати журнал налагодження",
   "Select an option": "Вибрати опцію",
-  "Saving…": "Збереження…",
-  "Save": "Зберегти",
   "Return to home screen": "Повернутися на екран домівки",
   "Remove": "Вилучити",
   "Release to stop": "Відпустіть, щоб закінчити",
@@ -63,7 +59,6 @@
   "Not now, return to home screen": "Не зараз, повернутися на екран домівки",
   "No": "Ні",
   "Mute microphone": "Заглушити мікрофон",
-  "More menu": "Усе меню",
   "More": "Докладніше",
   "Microphone permissions needed to join the call.": "Для участі у виклику необхідний дозвіл на користування мікрофоном.",
   "Microphone {{n}}": "Мікрофон {{n}}",
@@ -72,7 +67,6 @@
   "Login": "Увійти",
   "Logging in…": "Вхід…",
   "Local volume": "Локальна гучність",
-  "Loading room…": "Завантаження кімнати…",
   "Leave": "Вийти",
   "Join existing call?": "Приєднатися до наявного виклику?",
   "Join call now": "Приєднатися до виклику зараз",
@@ -82,23 +76,20 @@
   "Inspector": "Інспектор",
   "Incompatible versions!": "Несумісні версії!",
   "Incompatible versions": "Несумісні версії",
-  "Include debug logs": "Долучити журнали зневадження",
+  "Include debug logs": "Долучити журнали налагодження",
   "Home": "Домівка",
-  "Having trouble? Help us fix it.": "Проблеми? Допоможіть нам це виправити.",
   "Grid layout menu": "Меню у вигляді сітки",
   "Go": "Далі",
   "Full screen": "Повноекранний режим",
   "Freedom": "Свобода",
   "Fetching group call timed out.": "Вичерпано час очікування групового виклику.",
   "Exit full screen": "Вийти з повноекранного режиму",
-  "Entering room…": "Вхід у кімнату…",
-  "Download debug logs": "Завантажити журнали зневадження",
+  "Download debug logs": "Завантажити журнали налагодження",
   "Display name": "Показуване ім'я",
   "Developer": "Розробнику",
   "Details": "Подробиці",
-  "Description (optional)": "Опис (необов'язково)",
-  "Debug log request": "Запит журналу зневадження",
-  "Debug log": "Журнал зневадження",
+  "Debug log request": "Запит журналу налагодження",
+  "Debug log": "Журнал налагодження",
   "Create account": "Створити обліковий запис",
   "Copy and share this call link": "Скопіювати та поділитися цим посиланням на виклик",
   "Copied!": "Скопійовано!",
@@ -115,11 +106,10 @@
   "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Натиснувши «Далі», ви погодитеся з нашими <2>Умовами та положеннями</2>",
   "Avatar": "Аватар",
   "Audio": "Звук",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Інший користувач у цьому виклику має проблему. Щоб краще визначити ці проблеми, ми хотіли б зібрати журнал зневадження.",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Інший користувач у цьому виклику має проблему. Щоб краще визначити ці проблеми, ми хотіли б зібрати журнал налагодження.",
   "Accept microphone permissions to join the call.": "Надайте дозволи на використання мікрофонів для приєднання до виклику.",
   "Accept camera/microphone permissions to join the call.": "Надайте дозвіл на використання камери/мікрофона для приєднання до виклику.",
   "<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>": "<0>Чому б не завершити, налаштувавши пароль для збереження свого облікового запису?</0><1>Ви зможете зберегти своє ім'я та встановити аватарку для подальшого користування під час майбутніх викликів</1>",
-  "<0>Oops, something's gone wrong.</0><1>Submitting debug logs will help us track down the problem.</1>": "<0>Халепа, щось пішло не так.</0><1>Надсилання журналів зневадження допоможе нам виявити проблему.</1>",
   "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Створити обліковий запис</0> або <2>Отримати доступ як гість</2>",
   "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Уже маєте обліковий запис?</0><1><0>Увійти</0> Or <2>Отримати доступ як гість</2></1>",
   "{{roomName}} - Walkie-talkie call": "{{roomName}} - Виклик-рація",
@@ -130,5 +120,22 @@
   "{{count}} people connected|other": "{{count}} під'єдналися",
   "{{count}} people connected|one": "{{count}} під'єднується",
   "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Приєднатися до виклику зараз</0><1>Or</1><2>Скопіювати посилання на виклик і приєднатися пізніше</2>",
-  "{{name}} (Connecting...)": "{{name}} (З'єднання...)"
+  "{{name}} (Connecting...)": "{{name}} (З'єднання...)",
+  "Element Call Home": "Домівка Element Call",
+  "Copy": "Копіювати",
+  "{{name}} (Waiting for video...)": "{{name}} (Очікування на відео...)",
+  "This feature is only supported on Firefox.": "Ця функція підтримується лише в браузері Firefox.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Надсилання журналів налагодження допоможе нам виявити проблему.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Йой, щось пішло не за планом.</0>",
+  "Use the upcoming grid system": "Використовувати майбутню сіткову систему",
+  "Expose developer settings in the settings window.": "Відкрийте налаштування розробника у вікні налаштувань.",
+  "Developer Settings": "Налаштування розробника",
+  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Користуючись дочасним доступом, ви даєте згоду на збір анонімних даних, які ми використовуємо для вдосконалення продукту. Ви можете знайти більше інформації про те, які дані ми відстежуємо в нашій <2>Політиці Приватності</2> і нашій <5>Політиці про куки</5>.",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику.",
+  "Your feedback": "Ваш відгук",
+  "Thanks, we received your feedback!": "Дякуємо, ми отримали ваш відгук!",
+  "Submitting…": "Надсилання…",
+  "Submit": "Надіслати",
+  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Якщо у вас виникли проблеми або ви просто хочете залишити відгук, надішліть нам короткий опис нижче.",
+  "Feedback": "Відгук"
 }

public/locales/vi/app.json

@@ -0,0 +1,38 @@
+{
+  "Login": "Đăng nhập",
+  "{{count}} people connected|other": "{{count}} người đã kết nối",
+  "{{name}} (Waiting for video...)": "{{name}} (Đang đợi truyền hình...)",
+  "Join call": "Tham gia cuộc gọi",
+  "Mute microphone": "Tắt micrô",
+  "Password": "Mật khẩu",
+  "Settings": "Cài đặt",
+  "Sending…": "Đang gửi…",
+  "Sign in": "Đăng nhập",
+  "Submit": "Gửi",
+  "Video call name": "Tên cuộc gọi truyền hình",
+  "Video call": "Gọi truyền hình",
+  "Video": "Truyền hình",
+  "Username": "Tên người dùng",
+  "Yes, join call": "Vâng, tham gia cuộc gọi",
+  "Your feedback": "Phản hồi của bạn",
+  "{{count}} people connected|one": "{{count}} người đã kết nối",
+  "{{displayName}}, your call is now ended": "{{displayName}}, cuộc gọi của bạn đã kết thúc",
+  "{{name}} (Connecting...)": "{{name}} (Đang kết nối...)",
+  "Your recent calls": "Cuộc gọi gần đây",
+  "You can't talk at the same time": "Bạn không thể nói cùng thời điểm",
+  "WebRTC is not supported or is being blocked in this browser.": "WebRTC không được hỗ trợ hay bị chặn trong trình duyệt này.",
+  "Waiting for network": "Đang đợi kết nối mạng",
+  "Waiting for other participants…": "Đang đợi những người khác…",
+  "Version: {{version}}": "Phiên bản: {{version}}",
+  "Turn on camera": "Bật máy quay",
+  "Turn off camera": "Tắt máy quay",
+  "Submit feedback": "Gửi phản hồi",
+  "Stop sharing screen": "Ngừng chia sẻ màn hình",
+  "Speaker": "Loa",
+  "Sign out": "Đăng xuất",
+  "Share screen": "Chia sẻ màn hình",
+  "No": "Không",
+  "Invite people": "Mời mọi người",
+  "Join call now": "Tham gia cuộc gọi",
+  "Create account": "Tạo tài khoản"
+}

public/locales/zh-Hans/app.json

@@ -0,0 +1,129 @@
+{
+  "Your recent calls": "最近通话",
+  "You can't talk at the same time": "你不能在同一时间发言",
+  "Yes, join call": "是，加入通话",
+  "WebRTC is not supported or is being blocked in this browser.": "此浏览器不支持WebRTC或WebRTC被浏览器阻止。",
+  "Walkie-talkie call name": "对讲机通话名称",
+  "Walkie-talkie call": "对讲机通话",
+  "Waiting for other participants…": "等待其他参与者……",
+  "Waiting for network": "正在等待网络",
+  "Video call name": "视频通话名称",
+  "Video call": "视频通话",
+  "Video": "视频",
+  "Version: {{version}}": "版本：{{version}}",
+  "Username": "用户名",
+  "User menu": "用户菜单",
+  "Unmute microphone": "取消麦克风静音",
+  "Turn on camera": "开启摄像头",
+  "Turn off camera": "关闭摄像头",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "这将使发言人的音频看起来像是来自他们在屏幕上的位置。(实验性功能：这可能影响音频的稳定性）",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "本网站受reCaptcha保护，并适用Google<2>隐私政策</2>和<6>服务条款</6>。<9></9>点击\"注册\"则表明您同意我们的<12>条款和条件</12>",
+  "This call already exists, would you like to join?": "该通话已存在，你想加入吗？",
+  "Thanks! We'll get right on it.": "谢谢！我们会马上去做的。",
+  "Talking…": "正在发言……",
+  "Talk over speaker": "通过扬声器发言",
+  "Take me Home": "返回主页",
+  "Submit feedback": "提交反馈",
+  "Stop sharing screen": "停止屏幕共享",
+  "Spotlight": "聚焦模式",
+  "Speaker {{n}}": "发言人 {{n}}",
+  "Speaker": "发言人",
+  "Spatial audio": "空间音频",
+  "Sign out": "注销登录",
+  "Sign in": "登录",
+  "Audio": "音频",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "这个通话中的另一个用户出现了问题。为了更好地诊断这些问题，我们想收集调试日志。",
+  "Accept microphone permissions to join the call.": "授予麦克风权限以加入通话。",
+  "Accept camera/microphone permissions to join the call.": "授予摄像头/麦克风权限以加入通话。",
+  "<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>": "<0>为什么不设置一个密码来保留你的账户？</0><1>你将可以保留你的名字并设置一个头像，以便在未来的通话中使用。</1>",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>现在加入通话</0><1>或</1><2>复制通话链接并稍后加入</2>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>创建账户</0> Or <2>以访客身份继续</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>已有账户？</0><1><0>登录</0> Or <2>以访客身份继续</2></1>",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - 对讲机通话",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{name}} is talking…": "{{name}}正在发言……",
+  "{{name}} is presenting": "{{name}}正在展示",
+  "{{name}} (Waiting for video...)": "{{name}}（等待视频……）",
+  "{{name}} (Connecting...)": "{{name}} (正在连接……)",
+  "{{displayName}}, your call is now ended": "{{displayName}}，您的通话已结束",
+  "{{count}} people connected|other": "{{count}}人已连接",
+  "{{count}} people connected|one": "{{count}}人已连接",
+  "Inspector": "检查器",
+  "Show call inspector": "显示通话检查器",
+  "Share screen": "屏幕共享",
+  "Settings": "设置",
+  "Sending…": "正在发送……",
+  "Sending debug logs…": "正在发送调试日志……",
+  "Send debug logs": "发送调试日志",
+  "Select an option": "选择一个选项",
+  "Return to home screen": "返回主页",
+  "Remove": "移除",
+  "Release to stop": "松开后停止",
+  "Release spacebar key to stop": "松开空格键停止",
+  "Registering…": "正在注册……",
+  "Register": "注册",
+  "Recaptcha not loaded": "reCaptcha未加载",
+  "Recaptcha dismissed": "reCaptcha验证失败",
+  "Profile": "个人信息",
+  "Press and hold to talk over {{name}}": "按住不放即可与 {{name}} 通话",
+  "Press and hold to talk": "按住不放即可通话",
+  "Press and hold spacebar to talk over {{name}}": "按住空格键，与 {{name}} 对话",
+  "Press and hold spacebar to talk": "按住空格键发言",
+  "Passwords must match": "密码必须匹配",
+  "Password": "密码",
+  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "其他用户正试图从不兼容的版本加入这一呼叫。这些用户应该确保已经刷新了浏览器：<1>{userLis}</1>",
+  "Not registered yet? <2>Create an account</2>": "还没有注册？ <2>创建账户<2>",
+  "Not now, return to home screen": "暂不，先返回主页",
+  "No": "否",
+  "Mute microphone": "麦克风静音",
+  "More": "更多",
+  "Microphone permissions needed to join the call.": "加入通话需要麦克风权限。",
+  "Microphone {{n}}": "麦克风 {{n}}",
+  "Microphone": "麦克风",
+  "Login to your account": "登录你的账户",
+  "Login": "登录",
+  "Logging in…": "登录中……",
+  "Local volume": "本地音量",
+  "Loading…": "加载中……",
+  "Leave": "离开",
+  "Join existing call?": "加入现有的通话？",
+  "Join call now": "现在加入通话",
+  "Join call": "加入通话",
+  "Invite people": "邀请他人",
+  "Invite": "邀请",
+  "Incompatible versions!": "版本不兼容！",
+  "Incompatible versions": "不兼容版本",
+  "Include debug logs": "包含调试日志",
+  "Home": "主页",
+  "Grid layout menu": "网格布局菜单",
+  "Go": "开始",
+  "Full screen": "全屏",
+  "Freedom": "自由模式",
+  "Fetching group call timed out.": "获取群组通话超时。",
+  "Exit full screen": "退出全屏",
+  "Element Call Home": "Element Call 主页",
+  "Download debug logs": "下载调试日志",
+  "Display name": "显示名称",
+  "Developer": "开发者",
+  "Details": "详情",
+  "Debug log request": "调试日志请求",
+  "Debug log": "调试日志",
+  "Create account": "创建账户",
+  "Copy and share this call link": "复制并分享该链接",
+  "Copy": "复制",
+  "Copied!": "已复制！",
+  "Connection lost": "连接丢失",
+  "Confirm password": "确认密码",
+  "Close": "关闭",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "点击开始则代表同意我们的<2>条款和条件<2>",
+  "Change layout": "更改布局",
+  "Camera/microphone permissions needed to join the call.": "加入通话需要摄像头/麦克风权限。",
+  "Camera {{n}}": "摄像头 {{n}}",
+  "Camera": "摄像头",
+  "Call type menu": "通话类型菜单",
+  "Call link copied": "链接已复制",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "点击“现在加入”则表示同意我们的<2>条款与条件<2>",
+  "Avatar": "头像",
+  "<0>Oops, something's gone wrong.</0>": "<0>哎哟，出问题了。</0>",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": ""
+}

public/locales/zh-Hant/app.json

@@ -0,0 +1,141 @@
+{
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>現在加入通話</0><1>或</1><2>複製通話連結，稍後再加入</2>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>建立帳號</0> 或<2>以訪客身份登入</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>已經有帳號?</0><1><0>登入</0> 或<2>以訪客身份登入</2></1>",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - 對講機式通話",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{name}} is talking…": "{{name}} 正在發言…",
+  "{{name}} is presenting": "{{name}} 已上線",
+  "{{name}} (Waiting for video...)": "{{name}} (等候視訊中...)",
+  "{{name}} (Connecting...)": "{{name}} (連結中...)",
+  "{{displayName}}, your call is now ended": "{{displayName}}，您的通話已結束",
+  "{{count}} people connected|other": "{{count}} 人已連結",
+  "{{count}} people connected|one": "{{count}} 人已連結",
+  "Use the upcoming grid system": "使用即將推出的網格系統",
+  "Expose developer settings in the settings window.": "在設定視窗中顯示開發者設定。",
+  "Developer Settings": "開發者設定",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>送出除錯紀錄，可幫助我們修正問題。</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>喔喔，有些地方怪怪的。</0>",
+  "Your recent calls": "您最近的通話",
+  "You can't talk at the same time": "您無法在同一時間發言",
+  "Yes, join call": "是，加入對話",
+  "WebRTC is not supported or is being blocked in this browser.": "此瀏覽器未支援 WebRTC 或 WebRTC 被瀏覽器封鎖。",
+  "Walkie-talkie call name": "對講機式通話名稱",
+  "Walkie-talkie call": "即時通話",
+  "Waiting for other participants…": "等待其他參加者…",
+  "Waiting for network": "等待網路連線",
+  "Video call name": "視訊通話姓名",
+  "Video call": "視訊通話",
+  "Video": "視訊",
+  "Version: {{version}}": "版本： {{version}}",
+  "Username": "使用者名稱",
+  "User menu": "使用者選單",
+  "Unmute microphone": "取消麥克風靜音",
+  "Turn on camera": "開啟相機",
+  "Turn off camera": "關閉相機",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "這會使得發言者的聲音聽起來，像從他們在畫面中的位置傳來（實驗性功能：這可能會影響語音的穩定性。）",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "此網站使用Google 驗證碼技術保護，適用<2>隱私條款</2> 與<6>條款與細則</6> 。<9></9>按下「註冊」，表示您同意我們的<12>條款與細則</12>",
+  "This feature is only supported on Firefox.": "只有 Firefox 支援此功能。",
+  "This call already exists, would you like to join?": "通話已經開始，請問您要加入嗎？",
+  "Thanks! We'll get right on it.": "謝謝您！我們會盡快處理。",
+  "Talking…": "對話中…",
+  "Talk over speaker": "以擴音對話",
+  "Take me Home": "帶我回主畫面",
+  "Submit feedback": "遞交回覆",
+  "Stop sharing screen": "停止分享螢幕畫面",
+  "Spotlight": "聚焦",
+  "Speaker {{n}}": "發言者{{n}}",
+  "Speaker": "發言者",
+  "Spatial audio": "空間音效",
+  "Sign out": "登出",
+  "Sign in": "登入",
+  "Show call inspector": "顯示通話稽查員",
+  "Share screen": "分享畫面",
+  "Settings": "設定",
+  "Sending…": "傳送中…",
+  "Sending debug logs…": "傳送除錯記錄檔中…",
+  "Send debug logs": "傳送除錯紀錄",
+  "Select an option": "選擇一個選項",
+  "Return to home screen": "回到首頁",
+  "Remove": "移除",
+  "Release to stop": "放開以停止",
+  "Release spacebar key to stop": "放開空白鍵以停止",
+  "Registering…": "註冊中…",
+  "Register": "註冊",
+  "Recaptcha not loaded": "驗證碼未載入",
+  "Recaptcha dismissed": "略過驗證碼",
+  "Profile": "個人檔案",
+  "Press and hold to talk over {{name}}": "與{{name}}對話時，請按住按鍵",
+  "Press and hold to talk": "請按住按鍵來發言",
+  "Press and hold spacebar to talk over {{name}}": "與{{name}}對話時，請按住空白鍵",
+  "Press and hold spacebar to talk": "說話時請按住空白鍵",
+  "Passwords must match": "密碼必須相符",
+  "Password": "密碼",
+  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "有使用者試著加入通話，但他們的軟體版本不相容。這些使用者需要確認已將瀏覽器更新到最新版本：<1>{userLis}</1>",
+  "Not registered yet? <2>Create an account</2>": "還沒註冊嗎？<2>建立帳號</2>",
+  "Not now, return to home screen": "現在不行，回到首頁",
+  "No": "否",
+  "Mute microphone": "麥克風靜音",
+  "More": "更多",
+  "Microphone permissions needed to join the call.": "加入通話前需要取得麥克風的權限。",
+  "Microphone {{n}}": "麥克風 {{n}}",
+  "Microphone": "麥克風",
+  "Login to your account": "登入您的帳號",
+  "Login": "登入",
+  "Logging in…": "登入中…",
+  "Local volume": "您的音量",
+  "Loading…": "載入中…",
+  "Leave": "離開",
+  "Join existing call?": "加入已開始的通話嗎？",
+  "Join call now": "現在加入通話",
+  "Join call": "加入通話",
+  "Invite people": "邀請夥伴",
+  "Invite": "邀請",
+  "Inspector": "稽查員",
+  "Incompatible versions!": "不相容版本！",
+  "Incompatible versions": "不相容版本",
+  "Include debug logs": "包含除錯紀錄",
+  "Home": "首頁",
+  "Grid layout menu": "格框式清單",
+  "Go": "前往",
+  "Full screen": "全螢幕",
+  "Freedom": "自由",
+  "Fetching group call timed out.": "加入群組對話已逾時。",
+  "Exit full screen": "退出全螢幕",
+  "Element Call Home": "Element Call 首頁",
+  "Download debug logs": "下載偵錯報告",
+  "Display name": "顯示名稱",
+  "Developer": "開發者",
+  "Details": "詳細說明",
+  "Debug log request": "請求偵錯報告",
+  "Debug log": "除錯紀錄",
+  "Create account": "建立帳號",
+  "Copy and share this call link": "複製並分享通話連結",
+  "Copy": "複製",
+  "Copied!": "已複製！",
+  "Connection lost": "連線中斷",
+  "Confirm password": "確認密碼",
+  "Close": "關閉",
+  "Change layout": "變更排列",
+  "Camera/microphone permissions needed to join the call.": "加入通話需要取得相機/麥克風的權限。",
+  "Camera {{n}}": "相機 {{n}}",
+  "Camera": "相機",
+  "Call type menu": "通話類型選單",
+  "Call link copied": "已複製通話連結",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "當您按下「加入通話」，您也同時同意了我們的條款與細則",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "當您按下「前往」，你也同意了我們的條款與細則",
+  "Avatar": "大頭照",
+  "Audio": "語音",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "這通對話中的另一位使用者遇到了某些問題。為了診斷問題，我們將會建立除錯紀錄。",
+  "Accept microphone permissions to join the call.": "請授權使用您的麥克風以加入通話。",
+  "Accept camera/microphone permissions to join the call.": "請授權使用您的相機/麥克風以加入對話。",
+  "<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>": "<0>何不設定密碼以保留此帳號？</0><1>您可以保留暱稱並設定頭像，以便未來通話時使用</1>",
+  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "參與此測試版即表示您同意蒐集匿名資料，我們使用這些資料來改進產品。您可以在我們的<2>隱私政策</2>與我們的 <5>Cookie 政策</5> 中找到關於我們追蹤哪些資料的更多資訊。",
+  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>您可以透過取消核取此方塊來撤回同意。若您目前正在通話中，此設定將在通話結束時生效。",
+  "Your feedback": "您的回饋",
+  "Thanks, we received your feedback!": "感謝，我們已經收到您的回饋了！",
+  "Submitting…": "正在遞交……",
+  "Submit": "遞交",
+  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "若您遇到問題或只是想提供一些回饋，請在下方傳送簡短說明給我們。",
+  "Feedback": "回饋"
+}

scripts/dockerbuild.sh

@@ -2,22 +2,7 @@
 
 set -ex
 
-export VITE_DEFAULT_HOMESERVER=https://call.ems.host
-export VITE_SENTRY_DSN=https://b1e328d49be3402ba96101338989fb35@sentry.matrix.org/41
-export VITE_RAGESHAKE_SUBMIT_URL=https://element.io/bugreports/submit
-export VITE_PRODUCT_NAME="Element Call"
-
-git clone https://github.com/matrix-org/matrix-js-sdk.git
-cd matrix-js-sdk
-git checkout robertlong/group-call
-yarn install
-yarn run build
-yarn link
-
-cd ../element-call
-
 export VITE_APP_VERSION=$(git describe --tags --abbrev=0)
 
-yarn link matrix-js-sdk
 yarn install
 yarn run build

scripts/reformat-release-notes.py

@@ -0,0 +1,15 @@
+#!/usr/bin/env python3
+
+# This script can be used to reformat the release notes generated by
+# GitHub releases into a format slightly more appropriate for our
+# project (ie. we don't really need to mention the author of every PR)
+#
+# eg. in: * OpenTelemetry by @dbkr in https://github.com/vector-im/element-call/pull/961
+#    out: * OpenTelemetry (https://github.com/vector-im/element-call/pull/961)
+
+import sys
+import re
+
+for line in sys.stdin:
+    matches = re.match(r'^\* (.*) by (\S+) in (\S+)$', line.strip())
+    print("* %s (%s)" % (matches[1], matches[3]))

src/@types/global.d.ts

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -17,6 +17,12 @@ limitations under the License.
 import "matrix-js-sdk/src/@types/global";
 
 declare global {
+  interface Document {
+    // Safari only supports this prefixed, so tell the type system about it
+    webkitExitFullscreen: () => void;
+    webkitFullscreenElement: HTMLElement | null;
+  }
+
   interface Window {
     // TODO: https://gitlab.matrix.org/matrix-org/olm/-/issues/10
     OLM_OPTIONS: Record<string, string>;
@@ -27,4 +33,9 @@ declare global {
   interface MediaElement extends HTMLVideoElement {
     setSinkId: (id: string) => void;
   }
+
+  interface HTMLElement {
+    // Safari only supports this prefixed, so tell the type system about it
+    webkitRequestFullscreen: () => void;
+  }
 }

src/@types/modules.d.ts

@@ -1,2 +1,18 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 /// <reference types="vite/client" />
 /// <reference types="vite-plugin-svgr/client" />

src/App.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2021 New Vector Ltd
+Copyright 2021 - 2023 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { Suspense } from "react";
+import React, { Suspense, useEffect, useState } from "react";
 import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 import * as Sentry from "@sentry/react";
 import { OverlayProvider } from "@react-aria/overlays";
@@ -28,7 +28,9 @@ import { ClientProvider } from "./ClientContext";
 import { usePageFocusStyle } from "./usePageFocusStyle";
 import { SequenceDiagramViewerPage } from "./SequenceDiagramViewerPage";
 import { InspectorContextProvider } from "./room/GroupCallInspector";
-import { CrashView } from "./FullScreenView";
+import { CrashView, LoadingView } from "./FullScreenView";
+import { Initializer } from "./initializer";
+import { MediaHandlerProvider } from "./settings/useMediaHandler";
 
 const SentryRoute = Sentry.withSentryRouting(Route);
 
@@ -37,42 +39,56 @@ interface AppProps {
 }
 
 export default function App({ history }: AppProps) {
+  const [loaded, setLoaded] = useState(false);
+
+  useEffect(() => {
+    Initializer.init()?.then(() => {
+      setLoaded(true);
+    });
+  });
+
   usePageFocusStyle();
 
   const errorPage = <CrashView />;
 
   return (
     <Router history={history}>
-      <Suspense fallback={null}>
-        <ClientProvider>
-          <InspectorContextProvider>
-            <Sentry.ErrorBoundary fallback={errorPage}>
-              <OverlayProvider>
-                <Switch>
-                  <SentryRoute exact path="/">
-                    <HomePage />
-                  </SentryRoute>
-                  <SentryRoute exact path="/login">
-                    <LoginPage />
-                  </SentryRoute>
-                  <SentryRoute exact path="/register">
-                    <RegisterPage />
-                  </SentryRoute>
-                  <SentryRoute path="/room/:roomId?">
-                    <RoomPage />
-                  </SentryRoute>
-                  <SentryRoute path="/inspector">
-                    <SequenceDiagramViewerPage />
-                  </SentryRoute>
-                  <SentryRoute path="*">
-                    <RoomRedirect />
-                  </SentryRoute>
-                </Switch>
-              </OverlayProvider>
-            </Sentry.ErrorBoundary>
-          </InspectorContextProvider>
-        </ClientProvider>
-      </Suspense>
+      {loaded ? (
+        <Suspense fallback={null}>
+          <ClientProvider>
+            <MediaHandlerProvider>
+              <InspectorContextProvider>
+                <Sentry.ErrorBoundary fallback={errorPage}>
+                  <OverlayProvider>
+                    <Switch>
+                      <SentryRoute exact path="/">
+                        <HomePage />
+                      </SentryRoute>
+                      <SentryRoute exact path="/login">
+                        <LoginPage />
+                      </SentryRoute>
+                      <SentryRoute exact path="/register">
+                        <RegisterPage />
+                      </SentryRoute>
+                      <SentryRoute path="/room/:roomId?">
+                        <RoomPage />
+                      </SentryRoute>
+                      <SentryRoute path="/inspector">
+                        <SequenceDiagramViewerPage />
+                      </SentryRoute>
+                      <SentryRoute path="*">
+                        <RoomRedirect />
+                      </SentryRoute>
+                    </Switch>
+                  </OverlayProvider>
+                </Sentry.ErrorBoundary>
+              </InspectorContextProvider>
+            </MediaHandlerProvider>
+          </ClientProvider>
+        </Suspense>
+      ) : (
+        <LoadingView />
+      )}
     </Router>
   );
 }

src/Avatar.module.css

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 .avatar {
   position: relative;
   color: var(--primary-content);

src/Avatar.tsx

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 import React, { useMemo, CSSProperties } from "react";
 import classNames from "classnames";
 import { MatrixClient } from "matrix-js-sdk/src/client";

src/ClientContext.tsx

@@ -25,24 +25,29 @@ import React, {
   useRef,
 } from "react";
 import { useHistory } from "react-router-dom";
-import { MatrixClient, ClientEvent } from "matrix-js-sdk/src/client";
-import { MatrixEvent } from "matrix-js-sdk/src/models/event";
+import { MatrixClient } from "matrix-js-sdk/src/client";
 import { logger } from "matrix-js-sdk/src/logger";
 import { useTranslation } from "react-i18next";
 
 import { ErrorView } from "./FullScreenView";
 import {
   initClient,
-  defaultHomeserver,
   CryptoStoreIntegrityError,
   fallbackICEServerAllowed,
 } from "./matrix-utils";
 import { widget } from "./widget";
+import {
+  PosthogAnalytics,
+  RegistrationType,
+} from "./analytics/PosthogAnalytics";
 import { translatedError } from "./TranslatedError";
+import { useEventTarget } from "./useEvents";
+import { Config } from "./config/Config";
 
 declare global {
   interface Window {
     matrixclient: MatrixClient;
+    isPasswordlessUser: boolean;
   }
 }
 
@@ -54,6 +59,9 @@ export interface Session {
   tempPassword?: string;
 }
 
+const loadChannel =
+  "BroadcastChannel" in window ? new BroadcastChannel("load") : null;
+
 const loadSession = (): Session => {
   const data = localStorage.getItem("matrix-auth-store");
   if (data) return JSON.parse(data);
@@ -114,7 +122,6 @@ export const ClientProvider: FC<Props> = ({ children }) => {
       if (widget) {
         // We're inside a widget, so let's engage *matryoshka mode*
         logger.log("Using a matryoshka client");
-
         return {
           client: await widget.client,
           isPasswordlessUser: false,
@@ -135,7 +142,7 @@ export const ClientProvider: FC<Props> = ({ children }) => {
             return {
               client: await initClient(
                 {
-                  baseUrl: defaultHomeserver,
+                  baseUrl: Config.defaultHomeserverUrl(),
                   accessToken: access_token,
                   userId: user_id,
                   deviceId: device_id,
@@ -151,7 +158,7 @@ export const ClientProvider: FC<Props> = ({ children }) => {
               try {
                 const client = await initClient(
                   {
-                    baseUrl: defaultHomeserver,
+                    baseUrl: Config.defaultHomeserverUrl(),
                     accessToken: access_token,
                     userId: user_id,
                     deviceId: device_id,
@@ -279,51 +286,34 @@ export const ClientProvider: FC<Props> = ({ children }) => {
       error: undefined,
     });
     history.push("/");
+    PosthogAnalytics.instance.setRegistrationType(RegistrationType.Guest);
   }, [history, 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
+  // running instances of the app. This isn't necessary if the app is running in
+  // a widget though, since then it'll be mostly stateless.
   useEffect(() => {
-    // To protect against multiple sessions writing to the same storage
-    // simultaneously, we send a to-device message that shuts down all other
-    // running instances of the app. This isn't necessary if the app is running
-    // in a widget though, since then it'll be mostly stateless.
-    if (!widget && client) {
-      const loadTime = Date.now();
+    if (!widget) loadChannel?.postMessage({});
+  }, []);
 
-      const onToDeviceEvent = (event: MatrixEvent) => {
-        if (event.getType() !== "org.matrix.call_duplicate_session") return;
+  useEventTarget(
+    loadChannel,
+    "message",
+    useCallback(() => {
+      client?.stopClient();
 
-        const content = event.getContent();
-
-        if (content.session_id === client.getSessionId()) return;
-
-        if (content.timestamp > loadTime) {
-          client?.stopClient();
-
-          setState((prev) => ({
-            ...prev,
-            error: translatedError(
-              "This application has been opened in another tab.",
-              t
-            ),
-          }));
-        }
-      };
-
-      client.on(ClientEvent.ToDeviceEvent, onToDeviceEvent);
-
-      client.sendToDevice("org.matrix.call_duplicate_session", {
-        [client.getUserId()]: {
-          "*": { session_id: client.getSessionId(), timestamp: loadTime },
-        },
-      });
-
-      return () => {
-        client?.removeListener(ClientEvent.ToDeviceEvent, onToDeviceEvent);
-      };
-    }
-  }, [client, t]);
+      setState((prev) => ({
+        ...prev,
+        error: translatedError(
+          "This application has been opened in another tab.",
+          t
+        ),
+      }));
+    }, [client, setState, t])
+  );
 
   const context = useMemo<ClientState>(
     () => ({
@@ -351,7 +341,11 @@ export const ClientProvider: FC<Props> = ({ children }) => {
 
   useEffect(() => {
     window.matrixclient = client;
-  }, [client]);
+    window.isPasswordlessUser = isPasswordlessUser;
+
+    if (PosthogAnalytics.hasInstance())
+      PosthogAnalytics.instance.onLoginStatusChanged();
+  }, [client, isPasswordlessUser]);
 
   if (error) {
     return <ErrorView error={error} />;

src/Facepile.module.css

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 .facepile {
   width: 100%;
   position: relative;

src/Facepile.tsx

@@ -32,7 +32,7 @@ const overlapMap: Partial<Record<Size, number>> = {
 interface Props extends HTMLAttributes<HTMLDivElement> {
   className: string;
   client: MatrixClient;
-  participants: RoomMember[];
+  members: RoomMember[];
   max?: number;
   size?: Size;
 }
@@ -40,7 +40,7 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
 export function Facepile({
   className,
   client,
-  participants,
+  members,
   max = 3,
   size = Size.XS,
   ...rest
@@ -51,14 +51,14 @@ export function Facepile({
   const _overlap = overlapMap[size];
 
   const title = useMemo(() => {
-    return participants.reduce<string | null>(
+    return members.reduce<string | null>(
       (prev, curr) =>
         prev === null
           ? curr.name
           : t("{{names}}, {{name}}", { names: prev, name: curr.name }),
       null
     ) as string;
-  }, [participants, t]);
+  }, [members, t]);
 
   return (
     <div
@@ -66,12 +66,11 @@ export function Facepile({
       title={title}
       style={{
         width:
-          Math.min(participants.length, max + 1) * (_size - _overlap) +
-          _overlap,
+          Math.min(members.length, max + 1) * (_size - _overlap) + _overlap,
       }}
       {...rest}
     >
-      {participants.slice(0, max).map((member, i) => {
+      {members.slice(0, max).map((member, i) => {
         const avatarUrl = member.getMxcAvatarUrl();
         return (
           <Avatar
@@ -84,11 +83,11 @@ export function Facepile({
           />
         );
       })}
-      {participants.length > max && (
+      {members.length > max && (
         <Avatar
           key="additional"
           size={size}
-          fallback={`+${participants.length - max}`}
+          fallback={`+${members.length - max}`}
           className={styles.avatar}
           style={{ left: max * (_size - _overlap) }}
         />

src/FullScreenView.module.css

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 .page {
   position: relative;
   display: flex;

src/FullScreenView.tsx

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 import React, { ReactNode, useCallback, useEffect } from "react";
 import { useLocation } from "react-router-dom";
 import classNames from "classnames";
@@ -9,6 +25,7 @@ import { useSubmitRageshake } from "./settings/submit-rageshake";
 import { ErrorMessage } from "./input/Input";
 import styles from "./FullScreenView.module.css";
 import { translatedError, TranslatedError } from "./TranslatedError";
+import { Config } from "./config/Config";
 
 interface FullScreenViewProps {
   className?: string;
@@ -98,7 +115,7 @@ export function CrashView() {
     logsComponent = <div>{t("Thanks! We'll get right on it.")}</div>;
   } else if (sending) {
     logsComponent = <div>{t("Sending…")}</div>;
-  } else {
+  } else if (Config.get().rageshake?.submit_url) {
     logsComponent = (
       <Button
         size="lg"
@@ -115,8 +132,13 @@ export function CrashView() {
     <FullScreenView>
       <Trans>
         <h1>Oops, something's gone wrong.</h1>
-        <p>Submitting debug logs will help us track down the problem.</p>
       </Trans>
+      {Config.get().rageshake?.submit_url && (
+        <Trans>
+          <p>Submitting debug logs will help us track down the problem.</p>
+        </Trans>
+      )}
+
       <div className={styles.sendLogsSection}>{logsComponent}</div>
       {error && (
         <ErrorMessage error={translatedError("Couldn't send debug logs!", t)} />

src/Header.module.css

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 .header {
   position: relative;
   display: flex;
@@ -131,7 +147,7 @@
   }
 
   .leftNav h3 {
-    font-size: 18px;
+    font-size: var(--font-size-subtitle);
   }
 
   .nav {

src/Header.tsx

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 import classNames from "classnames";
 import React, { HTMLAttributes, ReactNode, useCallback, useRef } from "react";
 import { Link } from "react-router-dom";
@@ -88,8 +104,14 @@ interface HeaderLogoProps {
 }
 
 export function HeaderLogo({ className }: HeaderLogoProps) {
+  const { t } = useTranslation();
+
   return (
-    <Link className={classNames(styles.headerLogo, className)} to="/">
+    <Link
+      className={classNames(styles.headerLogo, className)}
+      to="/"
+      aria-label={t("Element Call Home")}
+    >
       <Logo />
     </Link>
   );
@@ -112,7 +134,9 @@ export function RoomHeaderInfo({ roomName, avatarUrl }: RoomHeaderInfo) {
         />
         <VideoIcon width={16} height={16} />
       </div>
-      <Subtitle fontWeight="semiBold">{roomName}</Subtitle>
+      <Subtitle data-testid="roomHeader_roomName" fontWeight="semiBold">
+        {roomName}
+      </Subtitle>
     </>
   );
 }

src/IncompatibleVersionModal.tsx

@@ -24,11 +24,13 @@ import { Body } from "./typography/Typography";
 interface Props {
   userIds: Set<string>;
   room: Room;
+  onClose: () => void;
 }
 
 export const IncompatibleVersionModal: React.FC<Props> = ({
   userIds,
   room,
+  onClose,
   ...rest
 }) => {
   const { t } = useTranslation();
@@ -38,7 +40,12 @@ export const IncompatibleVersionModal: React.FC<Props> = ({
   );
 
   return (
-    <Modal title={t("Incompatible versions")} isDismissable {...rest}>
+    <Modal
+      title={t("Incompatible versions")}
+      isDismissable
+      onClose={onClose}
+      {...rest}
+    >
       <ModalContent>
         <Body>
           <Trans>

src/IndexedDBWorker.ts

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 import { IndexedDBStoreWorker } from "matrix-js-sdk/src/indexeddb-worker";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

src/LazyEventEmitter.ts

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.

src/ListBox.module.css

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 .listBox {
   margin: 0;
   padding: 0;
@@ -19,7 +35,7 @@
   padding: 8px 16px;
   outline: none;
   cursor: pointer;
-  font-size: 15px;
+  font-size: var(--font-size-body);
   min-height: 32px;
 }
 

src/ListBox.tsx

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { useRef } from "react";
+import React, { useCallback, useRef } from "react";
 import { useListBox, useOption, AriaListBoxOptions } from "@react-aria/listbox";
 import { ListState } from "@react-stately/list";
 import { Node } from "@react-types/shared";
@@ -73,6 +73,22 @@ function Option<T>({ item, state, className }: OptionProps<T>) {
     ref
   );
 
+  // Hack: remove the onPointerUp event handler and re-wire it to
+  // onClick. Chrome Android triggers a click event after the onpointerup
+  // event which leaks through to elements underneath the z-indexed select
+  // popover. preventDefault / stopPropagation don't have any effect, even
+  // adding just a dummy onClick handler still doesn't work, but it's fine
+  // if we handle just onClick.
+  // https://github.com/vector-im/element-call/issues/762
+  const origPointerUp = optionProps.onPointerUp;
+  delete optionProps.onPointerUp;
+  optionProps.onClick = useCallback(
+    (e) => {
+      origPointerUp(e as unknown as React.PointerEvent<HTMLElement>);
+    },
+    [origPointerUp]
+  );
+
   return (
     <li
       {...optionProps}

src/Menu.module.css

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 .menu {
   width: 100%;
   padding: 0;
@@ -12,7 +28,10 @@
   align-items: center;
   padding: 0 12px;
   color: var(--primary-content);
-  font-size: 14px;
+  font-size: var(--font-size-body);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 .menuItem > * {

src/Menu.tsx

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 import React, { Key, useRef, useState } from "react";
 import { AriaMenuOptions, useMenu, useMenuItem } from "@react-aria/menu";
 import { TreeState, useTreeState } from "@react-stately/tree";

src/Modal.module.css

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 .modalOverlay {
   position: fixed;
   z-index: 100;
@@ -24,12 +40,12 @@
 .modalHeader {
   display: flex;
   justify-content: space-between;
-  padding: 34px 34px 0 34px;
+  padding: 34px 32px 0 32px;
 }
 
 .modalHeader h3 {
   font-weight: 600;
-  font-size: 24px;
+  font-size: var(--font-size-title);
   margin: 0;
 }
 
@@ -56,7 +72,7 @@
   .modalHeader {
     display: flex;
     justify-content: space-between;
-    padding: 24px 24px 0 24px;
+    padding: 32px 20px 0 20px;
   }
 
   .modal.mobileFullScreen {

src/Modal.tsx

@@ -43,7 +43,7 @@ export interface ModalProps extends OverlayProps, AriaDialogProps {
   children: ReactNode;
   className?: string;
   mobileFullScreen?: boolean;
-  onClose?: () => void;
+  onClose: () => void;
 }
 
 export function Modal({
@@ -92,6 +92,7 @@ export function Modal({
                 {...closeButtonProps}
                 ref={closeButtonRef}
                 className={styles.closeButton}
+                data-testid="modal_close"
                 title={t("Close")}
               >
                 <CloseIcon />

src/Tooltip.module.css

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 .tooltip {
   background-color: var(--system);
   flex-direction: row;
@@ -8,7 +24,7 @@
   border-radius: 8px;
   max-width: 135px;
   width: max-content;
-  font-size: 12px;
+  font-size: var(--font-size-caption);
   font-weight: 500;
   text-align: center;
 }

src/UrlParams.ts

@@ -21,30 +21,69 @@ export interface UrlParams {
   roomAlias: string | null;
   roomId: string | null;
   viaServers: string[];
-  // Whether the app is running in embedded mode, and should keep the user
-  // confined to the current room
+  /**
+   * Whether the app is running in embedded mode, and should keep the user
+   * confined to the current room.
+   */
   isEmbedded: boolean;
-  // Whether the app should pause before joining the call until it sees an
-  // io.element.join widget action, allowing it to be preloaded
+  /**
+   * Whether the app should pause before joining the call until it sees an
+   * io.element.join widget action, allowing it to be preloaded.
+   */
   preload: boolean;
-  // Whether to hide the room header when in a call
+  /**
+   * Whether to hide the room header when in a call.
+   */
   hideHeader: boolean;
-  // Whether to hide the screen-sharing button
+  /**
+   * Whether to hide the screen-sharing button.
+   */
   hideScreensharing: boolean;
-  // Whether to start a walkie-talkie call instead of a video call
+  /**
+   * Whether to start a walkie-talkie call instead of a video call.
+   */
   isPtt: boolean;
-  // Whether to use end-to-end encryption
+  /**
+   * Whether to use end-to-end encryption.
+   */
   e2eEnabled: boolean;
-  // The user's ID (only used in matryoshka mode)
+  /**
+   * The user's ID (only used in matryoshka mode).
+   */
   userId: string | null;
-  // The display name to use for auto-registration
+  /**
+   * The display name to use for auto-registration.
+   */
   displayName: string | null;
-  // The device's ID (only used in matryoshka mode)
+  /**
+   * The device's ID (only used in matryoshka mode).
+   */
   deviceId: string | null;
-  // The base URL of the homeserver to use for media lookups in matryoshka mode
+  /**
+   * The base URL of the homeserver to use for media lookups in matryoshka mode.
+   */
   baseUrl: string | null;
-  // The BCP 47 code of the language the app should use
+  /**
+   * The BCP 47 code of the language the app should use.
+   */
   lang: string | null;
+  /**
+   * The fonts which the interface should use, if not empty.
+   */
+  fonts: string[];
+  /**
+   * The factor by which to scale the interface's font size.
+   */
+  fontScale: number | null;
+  /**
+   * The Posthog analytics ID. It is only available if the user has given consent for sharing telemetry in element web.
+   */
+  analyticsID: string | null;
+  /**
+   * Whether the app is allowed to use fallback STUN servers for ICE in case the
+   * user's homeserver doesn't provide any.
+   */
+  allowIceFallback: boolean;
 }
 
 /**
@@ -81,6 +120,8 @@ export const getUrlParams = (
       ? fragment
       : fragment.substring(0, fragmentQueryStart);
 
+  const fontScale = parseFloat(getParam("fontScale") ?? "");
+
   return {
     roomAlias: fragmentRoute.length > 1 ? fragmentRoute : null,
     roomId: getParam("roomId"),
@@ -96,6 +137,10 @@ export const getUrlParams = (
     deviceId: getParam("deviceId"),
     baseUrl: getParam("baseUrl"),
     lang: getParam("lang"),
+    fonts: getAllParams("font"),
+    fontScale: Number.isNaN(fontScale) ? null : fontScale,
+    analyticsID: getParam("analyticsID"),
+    allowIceFallback: hasParam("allowIceFallback"),
   };
 };
 

src/UserMenu.module.css

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 .menuIcon {
   width: 24px;
   height: 24px;
@@ -10,13 +26,13 @@
 .avatar {
   width: 24px;
   height: 24px;
-  font-size: 12px;
+  font-size: var(--font-size-caption);
 }
 
 @media (min-width: 800px) {
   .avatar {
     width: 32px;
     height: 32px;
-    font-size: 15px;
+    font-size: var(--font-size-body);
   }
 }

src/UserMenu.tsx

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 - 2023 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 import React, { useCallback, useMemo } from "react";
 import { Item } from "@react-stately/collections";
 import { useLocation } from "react-router-dom";
@@ -9,6 +25,7 @@ import { Menu } from "./Menu";
 import { TooltipTrigger } from "./Tooltip";
 import { Avatar, Size } from "./Avatar";
 import { ReactComponent as UserIcon } from "./icons/User.svg";
+import { ReactComponent as SettingsIcon } from "./icons/Settings.svg";
 import { ReactComponent as LoginIcon } from "./icons/Login.svg";
 import { ReactComponent as LogoutIcon } from "./icons/Logout.svg";
 import { Body } from "./typography/Typography";
@@ -42,6 +59,12 @@ export function UserMenu({
         key: "user",
         icon: UserIcon,
         label: displayName,
+        dataTestid: "usermenu_user",
+      });
+      arr.push({
+        key: "settings",
+        icon: SettingsIcon,
+        label: t("Settings"),
       });
 
       if (isPasswordlessUser && !preventNavigation) {
@@ -49,6 +72,7 @@ export function UserMenu({
           key: "login",
           label: t("Sign in"),
           icon: LoginIcon,
+          dataTestid: "usermenu_login",
         });
       }
 
@@ -57,6 +81,7 @@ export function UserMenu({
           key: "logout",
           label: t("Sign out"),
           icon: LogoutIcon,
+          dataTestid: "usermenu_logout",
         });
       }
     }
@@ -77,7 +102,11 @@ export function UserMenu({
   return (
     <PopoverMenuTrigger placement="bottom right">
       <TooltipTrigger tooltip={tooltip} placement="bottom left">
-        <Button variant="icon" className={styles.userButton}>
+        <Button
+          variant="icon"
+          className={styles.userButton}
+          data-testid="usermenu_open"
+        >
           {isAuthenticated && (!isPasswordlessUser || avatarUrl) ? (
             <Avatar
               size={Size.SM}
@@ -92,9 +121,14 @@ export function UserMenu({
       </TooltipTrigger>
       {(props) => (
         <Menu {...props} label={t("User menu")} onAction={onAction}>
-          {items.map(({ key, icon: Icon, label }) => (
+          {items.map(({ key, icon: Icon, label, dataTestid }) => (
             <Item key={key} textValue={label}>
-              <Icon width={24} height={24} className={styles.menuIcon} />
+              <Icon
+                width={24}
+                height={24}
+                className={styles.menuIcon}
+                data-testid={dataTestid}
+              />
               <Body overflowEllipsis>{label}</Body>
             </Item>
           ))}

src/UserMenuContainer.tsx

@@ -1,10 +1,26 @@
-import React, { useCallback } from "react";
+/*
+Copyright 2022 - 2023 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React, { useCallback, useState } from "react";
 import { useHistory, useLocation } from "react-router-dom";
 
 import { useClient } from "./ClientContext";
 import { useProfile } from "./profile/useProfile";
 import { useModalTriggerState } from "./Modal";
-import { ProfileModal } from "./profile/ProfileModal";
+import { SettingsModal } from "./settings/SettingsModal";
 import { UserMenu } from "./UserMenu";
 
 interface Props {
@@ -19,10 +35,17 @@ export function UserMenuContainer({ preventNavigation = false }: Props) {
   const { displayName, avatarUrl } = useProfile(client);
   const { modalState, modalProps } = useModalTriggerState();
 
+  const [defaultSettingsTab, setDefaultSettingsTab] = useState<string>();
+
   const onAction = useCallback(
-    (value: string) => {
+    async (value: string) => {
       switch (value) {
         case "user":
+          setDefaultSettingsTab("profile");
+          modalState.open();
+          break;
+        case "settings":
+          setDefaultSettingsTab("audio");
           modalState.open();
           break;
         case "logout":
@@ -48,7 +71,13 @@ export function UserMenuContainer({ preventNavigation = false }: Props) {
           displayName || (userName ? userName.replace("@", "") : undefined)
         }
       />
-      {modalState.isOpen && <ProfileModal client={client} {...modalProps} />}
+      {modalState.isOpen && (
+        <SettingsModal
+          client={client}
+          defaultTab={defaultSettingsTab}
+          {...modalProps}
+        />
+      )}
     </>
   );
 }

src/analytics/AnalyticsNotice.tsx

@@ -0,0 +1,14 @@
+import React, { FC } from "react";
+import { Trans } from "react-i18next";
+
+import { Link } from "../typography/Typography";
+
+export const AnalyticsNotice: FC = () => (
+  <Trans>
+    By participating in this beta, you consent to the collection of anonymous
+    data, which we use to improve the product. You can find more information
+    about which data we track in our{" "}
+    <Link href="https://element.io/privacy">Privacy Policy</Link> and our{" "}
+    <Link href="https://element.io/cookie-policy">Cookie Policy</Link>.
+  </Trans>
+);

src/analytics/PosthogAnalytics.ts

@@ -0,0 +1,436 @@
+/*
+Copyright 2022 The New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import posthog, { CaptureOptions, PostHog, Properties } from "posthog-js";
+import { logger } from "matrix-js-sdk/src/logger";
+import { MatrixClient } from "matrix-js-sdk";
+import { Buffer } from "buffer";
+
+import { widget } from "../widget";
+import { getSetting, setSetting, settingsBus } from "../settings/useSetting";
+import {
+  CallEndedTracker,
+  CallStartedTracker,
+  LoginTracker,
+  SignupTracker,
+  MuteCameraTracker,
+  MuteMicrophoneTracker,
+  UndecryptableToDeviceEventTracker,
+  QualitySurveyEventTracker,
+} from "./PosthogEvents";
+import { Config } from "../config/Config";
+import { getUrlParams } from "../UrlParams";
+
+/* Posthog analytics tracking.
+ *
+ * Anonymity behaviour is as follows:
+ *
+ * - If Posthog isn't configured in `config.json`, events are not sent.
+ * - If [Do Not Track](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/doNotTrack) is
+ *   enabled, events are not sent (this detection is built into posthog and turned on via the
+ *   `respect_dnt` flag being passed to `posthog.init`).
+ * - If the posthog analytics are explicitly activated by the user in the element call settings,
+ *   a randomised analytics ID is created and stored in account_data for that user (shared between devices)
+ *   so that the user can be identified in posthog.
+ */
+
+export interface IPosthogEvent {
+  // The event name that will be used by PostHog. Event names should use camelCase.
+  eventName: string;
+
+  // do not allow these to be sent manually, we enqueue them all for caching purposes
+  $set?: void;
+  $set_once?: void;
+}
+
+export enum Anonymity {
+  Disabled,
+  Anonymous,
+  Pseudonymous,
+}
+
+export enum RegistrationType {
+  Guest,
+  Registered,
+}
+
+interface PlatformProperties {
+  appVersion: string;
+  matrixBackend: "embedded" | "jssdk";
+}
+
+interface PosthogSettings {
+  project_api_key?: string;
+  api_host?: string;
+}
+
+export class PosthogAnalytics {
+  /* Wrapper for Posthog analytics.
+   * 3 modes of anonymity are supported, governed by this.anonymity
+   * - Anonymity.Disabled means *no data* is passed to posthog
+   * - Anonymity.Anonymous means no identifier is passed to posthog
+   * - Anonymity.Pseudonymous means an analytics ID stored in account_data and shared between devices
+   *   is passed to posthog.
+   *
+   * To update anonymity, call updateAnonymityFromSettings() or you can set it directly via setAnonymity().
+   *
+   * To pass an event to Posthog:
+   *
+   * 1. Declare a type for the event, extending IPosthogEvent.
+   */
+
+  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;
+
+  private identificationPromise: Promise<void>;
+  private readonly enabled: boolean = false;
+  private anonymity = Anonymity.Disabled;
+  private platformSuperProperties = {};
+  private registrationType: RegistrationType = RegistrationType.Guest;
+
+  public static hasInstance(): boolean {
+    return Boolean(this.internalInstance);
+  }
+
+  public static get instance(): PosthogAnalytics {
+    if (!this.internalInstance) {
+      this.internalInstance = new PosthogAnalytics(posthog);
+    }
+    return this.internalInstance;
+  }
+
+  constructor(private readonly posthog: PostHog) {
+    const posthogConfig: PosthogSettings = {
+      project_api_key: Config.get().posthog?.api_key,
+      api_host: Config.get().posthog?.api_host,
+    };
+
+    if (posthogConfig.project_api_key && posthogConfig.api_host) {
+      if (
+        PosthogAnalytics.getPlatformProperties().matrixBackend === "embedded"
+      ) {
+        const { analyticsID } = getUrlParams();
+        // if the embedding platform (element web) already got approval to communicating with posthog
+        // element call can also send events to posthog
+        setSetting("opt-in-analytics", Boolean(analyticsID));
+      }
+
+      this.posthog.init(posthogConfig.project_api_key, {
+        api_host: posthogConfig.api_host,
+        autocapture: false,
+        mask_all_text: true,
+        mask_all_element_attributes: true,
+        capture_pageview: false,
+        sanitize_properties: this.sanitizeProperties,
+        respect_dnt: true,
+        advanced_disable_decide: true,
+      });
+      this.enabled = true;
+    } else {
+      logger.info(
+        "Posthog is not enabled because there is no api key or no host given in the config"
+      );
+      this.enabled = false;
+    }
+    this.startListeningToSettingsChanges();
+    const optInAnalytics = getSetting("opt-in-analytics", false);
+    this.updateAnonymityAndIdentifyUser(optInAnalytics);
+  }
+
+  private sanitizeProperties = (
+    properties: Properties,
+    _eventName: string
+  ): Properties => {
+    // Callback from posthog to sanitize properties before sending them to the server.
+    // Here we sanitize posthog's built in properties which leak PII e.g. url reporting.
+    // See utils.js _.info.properties in posthog-js.
+
+    if (this.anonymity == Anonymity.Anonymous) {
+      // drop referrer information for anonymous users
+      properties["$referrer"] = null;
+      properties["$referring_domain"] = null;
+      properties["$initial_referrer"] = null;
+      properties["$initial_referring_domain"] = null;
+
+      // drop device ID, which is a UUID persisted in local storage
+      properties["$device_id"] = null;
+    }
+    // the url leaks a lot of private data like the call name or the user.
+    // Its stripped down to the bare minimum to only give insights about the host (develop, main or sfu)
+    properties["$current_url"] = (properties["$current_url"] as string)
+      .split("/")
+      .slice(0, 3)
+      .join("");
+
+    return properties;
+  };
+
+  private registerSuperProperties(properties: Properties) {
+    if (this.enabled) {
+      this.posthog.register(properties);
+    }
+  }
+
+  private static getPlatformProperties(): PlatformProperties {
+    const appVersion = import.meta.env.VITE_APP_VERSION || "dev";
+    return {
+      appVersion,
+      matrixBackend: widget ? "embedded" : "jssdk",
+    };
+  }
+
+  private capture(
+    eventName: string,
+    properties: Properties,
+    options?: CaptureOptions
+  ) {
+    if (!this.enabled) {
+      return;
+    }
+    this.posthog.capture(eventName, { ...properties }, options);
+  }
+
+  public isEnabled(): boolean {
+    return this.enabled;
+  }
+
+  setAnonymity(anonymity: Anonymity): void {
+    // Update this.anonymity.
+    // To update the anonymity typically you want to call updateAnonymityFromSettings
+    // to ensure this value is in step with the user's settings.
+    if (
+      this.enabled &&
+      (anonymity == Anonymity.Disabled || anonymity == Anonymity.Anonymous)
+    ) {
+      // when transitioning to Disabled or Anonymous ensure we clear out any prior state
+      // set in posthog e.g. distinct ID
+      this.posthog.reset();
+      // Restore any previously set platform super properties
+      this.updateSuperProperties();
+    }
+    this.anonymity = anonymity;
+  }
+
+  private static getRandomAnalyticsId(): string {
+    return [...crypto.getRandomValues(new Uint8Array(16))]
+      .map((c) => c.toString(16))
+      .join("");
+  }
+
+  private async identifyUser(analyticsIdGenerator: () => string) {
+    if (this.anonymity == Anonymity.Pseudonymous && this.enabled) {
+      // Check the user's account_data for an analytics ID to use. Storing the ID in account_data allows
+      // different devices to send the same ID.
+      let analyticsID = await this.getAnalyticsId();
+      try {
+        if (!analyticsID && !widget) {
+          // only try setting up a new analytics ID in the standalone app.
+
+          // Couldn't retrieve an analytics ID from user settings, so create one and set it on the server.
+          // Note there's a race condition here - if two devices do these steps at the same time, last write
+          // wins, and the first writer will send tracking with an ID that doesn't match the one on the server
+          // until the next time account data is refreshed and this function is called (most likely on next
+          // page load). This will happen pretty infrequently, so we can tolerate the possibility.
+          const accountDataAnalyticsId = analyticsIdGenerator();
+          await this.setAccountAnalyticsId(accountDataAnalyticsId);
+          analyticsID = await this.hashedEcAnalyticsId(accountDataAnalyticsId);
+        }
+      } catch (e) {
+        // The above could fail due to network requests, but not essential to starting the application,
+        // so swallow it.
+        logger.log("Unable to identify user for tracking" + e.toString());
+      }
+      if (analyticsID) {
+        this.posthog.identify(analyticsID);
+      } else {
+        logger.info(
+          "No analyticsID is availble. Should not try to setup posthog"
+        );
+      }
+    }
+  }
+
+  async getAnalyticsId() {
+    const client: MatrixClient = window.matrixclient;
+    let accountAnalyticsId;
+    if (widget) {
+      accountAnalyticsId = getUrlParams().analyticsID;
+    } else {
+      const accountData = await client.getAccountDataFromServer(
+        PosthogAnalytics.ANALYTICS_EVENT_TYPE
+      );
+      accountAnalyticsId = accountData?.id;
+    }
+    if (accountAnalyticsId) {
+      // we dont just use the element web analytics ID because that would allow to associate
+      // users between the two posthog instances. By using a hash from the username and the element web analytics id
+      // it is not possible to conclude the element web posthog user id from the element call user id and vice versa.
+      return await this.hashedEcAnalyticsId(accountAnalyticsId);
+    }
+    return null;
+  }
+
+  async hashedEcAnalyticsId(accountAnalyticsId: string): Promise<string> {
+    const client: MatrixClient = window.matrixclient;
+    const posthogIdMaterial = "ec" + accountAnalyticsId + client.getUserId();
+    const bufferForPosthogId = await crypto.subtle.digest(
+      "sha-256",
+      Buffer.from(posthogIdMaterial, "utf-8")
+    );
+    const view = new Int32Array(bufferForPosthogId);
+    return Array.from(view)
+      .map((b) => Math.abs(b).toString(16).padStart(2, "0"))
+      .join("");
+  }
+
+  async setAccountAnalyticsId(analyticsID: string) {
+    if (!widget) {
+      const client = window.matrixclient;
+
+      // the analytics ID only needs to be set in the standalone version.
+      const accountData = await client.getAccountDataFromServer(
+        PosthogAnalytics.ANALYTICS_EVENT_TYPE
+      );
+      await client.setAccountData(
+        PosthogAnalytics.ANALYTICS_EVENT_TYPE,
+        Object.assign({ id: analyticsID }, accountData)
+      );
+    }
+  }
+
+  public getAnonymity(): Anonymity {
+    return this.anonymity;
+  }
+
+  public logout(): void {
+    if (this.enabled) {
+      this.posthog.reset();
+    }
+    this.setAnonymity(Anonymity.Disabled);
+  }
+
+  public onLoginStatusChanged(): void {
+    const optInAnalytics = getSetting("opt-in-analytics", false);
+    this.updateAnonymityAndIdentifyUser(optInAnalytics);
+  }
+
+  private updateSuperProperties() {
+    // Update super properties in posthog with our platform (app version, platform).
+    // These properties will be subsequently passed in every event.
+    //
+    // This only needs to be done once per page lifetime. Note that getPlatformProperties
+    this.platformSuperProperties = PosthogAnalytics.getPlatformProperties();
+    this.registerSuperProperties({
+      ...this.platformSuperProperties,
+      registrationType:
+        this.registrationType == RegistrationType.Guest
+          ? "Guest"
+          : "Registered",
+    });
+  }
+
+  private userRegisteredInThisSession(): boolean {
+    // only if the signup end got tracked the end time is set. Otherwise its default value is Date(0).
+    return this.eventSignup.getSignupEndTime() > new Date(0);
+  }
+
+  private async updateAnonymityAndIdentifyUser(
+    pseudonymousOptIn: boolean
+  ): Promise<void> {
+    // Update this.anonymity based on the user's analytics opt-in settings
+    const anonymity = pseudonymousOptIn
+      ? Anonymity.Pseudonymous
+      : Anonymity.Disabled;
+    this.setAnonymity(anonymity);
+
+    // We may not yet have a Matrix client at this point, if not, bail. This should get
+    // triggered again by onLoginStatusChanged once we do have a client.
+    if (!window.matrixclient) return;
+
+    if (anonymity === Anonymity.Pseudonymous) {
+      this.setRegistrationType(
+        window.matrixclient.isGuest() || window.isPasswordlessUser
+          ? RegistrationType.Guest
+          : RegistrationType.Registered
+      );
+      // store the promise to await posthog-tracking-events until the identification is done.
+      this.identificationPromise = this.identifyUser(
+        PosthogAnalytics.getRandomAnalyticsId
+      );
+      await this.identificationPromise;
+      if (this.userRegisteredInThisSession()) {
+        this.eventSignup.track();
+      }
+    }
+
+    if (anonymity !== Anonymity.Disabled) {
+      this.updateSuperProperties();
+    }
+  }
+
+  public async trackEvent<E extends IPosthogEvent>(
+    { eventName, ...properties }: E,
+    options?: CaptureOptions
+  ): Promise<void> {
+    if (this.identificationPromise) {
+      // only make calls to posthog after the identificaion is done
+      await this.identificationPromise;
+    }
+    if (
+      this.anonymity == Anonymity.Disabled ||
+      this.anonymity == Anonymity.Anonymous
+    )
+      return;
+    this.capture(eventName, properties, options);
+  }
+
+  private startListeningToSettingsChanges(): void {
+    // Listen to account data changes from sync so we can observe changes to relevant flags and update.
+    // This is called -
+    //  * On page load, when the account data is first received by sync
+    //  * On login
+    //  * When another device changes account data
+    //  * When the user changes their preferences on this device
+    // Note that for new accounts, pseudonymousAnalyticsOptIn won't be set, so updateAnonymityFromSettings
+    // won't be called (i.e. this.anonymity will be left as the default, until the setting changes)
+    settingsBus.on("opt-in-analytics", (optInAnalytics) => {
+      this.updateAnonymityAndIdentifyUser(optInAnalytics);
+    });
+  }
+
+  public setRegistrationType(registrationType: RegistrationType): void {
+    this.registrationType = registrationType;
+    if (
+      this.anonymity == Anonymity.Disabled ||
+      this.anonymity == Anonymity.Anonymous
+    )
+      return;
+    this.updateSuperProperties();
+  }
+
+  // ----- Events
+
+  public eventCallEnded = new CallEndedTracker();
+  public eventSignup = new SignupTracker();
+  public eventCallStarted = new CallStartedTracker();
+  public eventLogin = new LoginTracker();
+  public eventMuteMicrophone = new MuteMicrophoneTracker();
+  public eventMuteCamera = new MuteCameraTracker();
+  public eventUndecryptableToDevice = new UndecryptableToDeviceEventTracker();
+  public eventQualitySurvey = new QualitySurveyEventTracker();
+}

src/analytics/PosthogEvents.ts

@@ -0,0 +1,183 @@
+/*
+Copyright 2022 The New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import {
+  IPosthogEvent,
+  PosthogAnalytics,
+  RegistrationType,
+} from "./PosthogAnalytics";
+
+interface CallEnded extends IPosthogEvent {
+  eventName: "CallEnded";
+  callId: string;
+  callParticipantsOnLeave: number;
+  callParticipantsMax: number;
+  callDuration: number;
+}
+
+export class CallEndedTracker {
+  private cache: { startTime: Date; maxParticipantsCount: number } = {
+    startTime: new Date(0),
+    maxParticipantsCount: 0,
+  };
+
+  cacheStartCall(time: Date) {
+    this.cache.startTime = time;
+  }
+
+  cacheParticipantCountChanged(count: number) {
+    this.cache.maxParticipantsCount = Math.max(
+      count,
+      this.cache.maxParticipantsCount
+    );
+  }
+
+  track(callId: string, callParticipantsNow: number, sendInstantly: boolean) {
+    PosthogAnalytics.instance.trackEvent<CallEnded>(
+      {
+        eventName: "CallEnded",
+        callId: callId,
+        callParticipantsMax: this.cache.maxParticipantsCount,
+        callParticipantsOnLeave: callParticipantsNow,
+        callDuration: (Date.now() - this.cache.startTime.getTime()) / 1000,
+      },
+      { send_instantly: sendInstantly }
+    );
+  }
+}
+
+interface CallStarted extends IPosthogEvent {
+  eventName: "CallStarted";
+  callId: string;
+}
+
+export class CallStartedTracker {
+  track(callId: string) {
+    PosthogAnalytics.instance.trackEvent<CallStarted>({
+      eventName: "CallStarted",
+      callId: callId,
+    });
+  }
+}
+
+interface Signup extends IPosthogEvent {
+  eventName: "Signup";
+  signupDuration: number;
+}
+
+export class SignupTracker {
+  private cache: { signupStart: Date; signupEnd: Date } = {
+    signupStart: new Date(0),
+    signupEnd: new Date(0),
+  };
+
+  cacheSignupStart(time: Date) {
+    this.cache.signupStart = time;
+  }
+
+  getSignupEndTime() {
+    return this.cache.signupEnd;
+  }
+
+  cacheSignupEnd(time: Date) {
+    this.cache.signupEnd = time;
+  }
+
+  track() {
+    PosthogAnalytics.instance.trackEvent<Signup>({
+      eventName: "Signup",
+      signupDuration: Date.now() - this.cache.signupStart.getTime(),
+    });
+    PosthogAnalytics.instance.setRegistrationType(RegistrationType.Registered);
+  }
+}
+
+interface Login extends IPosthogEvent {
+  eventName: "Login";
+}
+
+export class LoginTracker {
+  track() {
+    PosthogAnalytics.instance.trackEvent<Login>({
+      eventName: "Login",
+    });
+    PosthogAnalytics.instance.setRegistrationType(RegistrationType.Registered);
+  }
+}
+
+interface MuteMicrophone {
+  eventName: "MuteMicrophone";
+  targetMuteState: "mute" | "unmute";
+  callId: string;
+}
+
+export class MuteMicrophoneTracker {
+  track(targetIsMute: boolean, callId: string) {
+    PosthogAnalytics.instance.trackEvent<MuteMicrophone>({
+      eventName: "MuteMicrophone",
+      targetMuteState: targetIsMute ? "mute" : "unmute",
+      callId,
+    });
+  }
+}
+
+interface MuteCamera {
+  eventName: "MuteCamera";
+  targetMuteState: "mute" | "unmute";
+  callId: string;
+}
+
+export class MuteCameraTracker {
+  track(targetIsMute: boolean, callId: string) {
+    PosthogAnalytics.instance.trackEvent<MuteCamera>({
+      eventName: "MuteCamera",
+      targetMuteState: targetIsMute ? "mute" : "unmute",
+      callId,
+    });
+  }
+}
+
+interface UndecryptableToDeviceEvent {
+  eventName: "UndecryptableToDeviceEvent";
+  callId: string;
+}
+
+export class UndecryptableToDeviceEventTracker {
+  track(callId: string) {
+    PosthogAnalytics.instance.trackEvent<UndecryptableToDeviceEvent>({
+      eventName: "UndecryptableToDeviceEvent",
+      callId,
+    });
+  }
+}
+
+interface QualitySurveyEvent {
+  eventName: "QualitySurvey";
+  callId: string;
+  feedbackText: string;
+  stars: number;
+}
+
+export class QualitySurveyEventTracker {
+  track(callId: string, feedbackText: string, stars: number) {
+    PosthogAnalytics.instance.trackEvent<QualitySurveyEvent>({
+      eventName: "QualitySurvey",
+      callId,
+      feedbackText,
+      stars,
+    });
+  }
+}

src/analytics/PosthogSpanProcessor.ts

@@ -0,0 +1,163 @@
+/*
+Copyright 2023 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import {
+  SpanProcessor,
+  ReadableSpan,
+  Span,
+} from "@opentelemetry/sdk-trace-base";
+import { hrTimeToMilliseconds } from "@opentelemetry/core";
+import { logger } from "matrix-js-sdk/src/logger";
+
+import { PosthogAnalytics } from "./PosthogAnalytics";
+
+interface PrevCall {
+  callId: string;
+  hangupTs: number;
+}
+
+/**
+ * The maximum time between hanging up and joining the same call that we would
+ * consider a 'rejoin' on the user's part.
+ */
+const maxRejoinMs = 2 * 60 * 1000; // 2 minutes
+
+/**
+ * Span processor that extracts certain metrics from spans to send to PostHog
+ */
+export class PosthogSpanProcessor implements SpanProcessor {
+  async forceFlush(): Promise<void> {}
+
+  onStart(span: Span): void {
+    // Hack: Yield to allow attributes to be set before processing
+    Promise.resolve().then(() => {
+      switch (span.name) {
+        case "matrix.groupCallMembership":
+          this.onGroupCallMembershipStart(span);
+          return;
+        case "matrix.groupCallMembership.summaryReport":
+          this.onSummaryReportStart(span);
+          return;
+      }
+    });
+  }
+
+  onEnd(span: ReadableSpan): void {
+    switch (span.name) {
+      case "matrix.groupCallMembership":
+        this.onGroupCallMembershipEnd(span);
+        return;
+    }
+  }
+
+  private get prevCall(): PrevCall | null {
+    // This is stored in localStorage so we can remember the previous call
+    // across app restarts
+    const data = localStorage.getItem("matrix-prev-call");
+    if (data === null) return null;
+
+    try {
+      return JSON.parse(data);
+    } catch (e) {
+      logger.warn("Invalid prev call data", data);
+      return null;
+    }
+  }
+
+  private set prevCall(data: PrevCall | null) {
+    localStorage.setItem("matrix-prev-call", JSON.stringify(data));
+  }
+
+  private onGroupCallMembershipStart(span: ReadableSpan): void {
+    const prevCall = this.prevCall;
+    const newCallId = span.attributes["matrix.confId"] as string;
+
+    // If the user joined the same call within a short time frame, log this as a
+    // rejoin. This is interesting as a call quality metric, since rejoins may
+    // indicate that users had to intervene to make the product work.
+    if (prevCall !== null && newCallId === prevCall.callId) {
+      const duration = hrTimeToMilliseconds(span.startTime) - prevCall.hangupTs;
+      if (duration <= maxRejoinMs) {
+        PosthogAnalytics.instance.trackEvent({
+          eventName: "Rejoin",
+          callId: prevCall.callId,
+          rejoinDuration: duration,
+        });
+      }
+    }
+  }
+
+  private onGroupCallMembershipEnd(span: ReadableSpan): void {
+    this.prevCall = {
+      callId: span.attributes["matrix.confId"] as string,
+      hangupTs: hrTimeToMilliseconds(span.endTime),
+    };
+  }
+
+  private onSummaryReportStart(span: ReadableSpan): void {
+    // Searching for an event like this:
+    //    matrix.stats.summary
+    //    matrix.stats.summary.percentageReceivedAudioMedia: 0.75
+    //    matrix.stats.summary.percentageReceivedMedia: 1
+    //    matrix.stats.summary.percentageReceivedVideoMedia: 0.75
+    //    matrix.stats.summary.maxJitter: 100
+    //    matrix.stats.summary.maxPacketLoss: 20
+    const event = span.events.find((e) => e.name === "matrix.stats.summary");
+    if (event !== undefined) {
+      const attributes = event.attributes;
+      if (attributes) {
+        const mediaReceived = `${attributes["matrix.stats.summary.percentageReceivedMedia"]}`;
+        const videoReceived = `${attributes["matrix.stats.summary.percentageReceivedVideoMedia"]}`;
+        const audioReceived = `${attributes["matrix.stats.summary.percentageReceivedAudioMedia"]}`;
+        const maxJitter = `${attributes["matrix.stats.summary.maxJitter"]}`;
+        const maxPacketLoss = `${attributes["matrix.stats.summary.maxPacketLoss"]}`;
+        const peerConnections = `${attributes["matrix.stats.summary.peerConnections"]}`;
+        const percentageConcealedAudio = `${attributes["matrix.stats.summary.percentageConcealedAudio"]}`;
+        const opponentUsersInCall = `${attributes["matrix.stats.summary.opponentUsersInCall"]}`;
+        const opponentDevicesInCall = `${attributes["matrix.stats.summary.opponentDevicesInCall"]}`;
+        const diffDevicesToPeerConnections = `${attributes["matrix.stats.summary.diffDevicesToPeerConnections"]}`;
+        const ratioPeerConnectionToDevices = `${attributes["matrix.stats.summary.ratioPeerConnectionToDevices"]}`;
+
+        PosthogAnalytics.instance.trackEvent(
+          {
+            eventName: "MediaReceived",
+            callId: span.attributes["matrix.confId"] as string,
+            mediaReceived: mediaReceived,
+            audioReceived: audioReceived,
+            videoReceived: videoReceived,
+            maxJitter: maxJitter,
+            maxPacketLoss: maxPacketLoss,
+            peerConnections: peerConnections,
+            percentageConcealedAudio: percentageConcealedAudio,
+            opponentUsersInCall: opponentUsersInCall,
+            opponentDevicesInCall: opponentDevicesInCall,
+            diffDevicesToPeerConnections: diffDevicesToPeerConnections,
+            ratioPeerConnectionToDevices: ratioPeerConnectionToDevices,
+          },
+          // Send instantly because the window might be closing
+          { send_instantly: true }
+        );
+      }
+    }
+  }
+
+  /**
+   * Shutdown the processor.
+   */
+  shutdown(): Promise<void> {
+    return Promise.resolve();
+  }
+}

src/analytics/RageshakeSpanProcessor.ts

@@ -0,0 +1,114 @@
+import { Attributes } from "@opentelemetry/api";
+import { hrTimeToMicroseconds } from "@opentelemetry/core";
+import {
+  SpanProcessor,
+  ReadableSpan,
+  Span,
+} from "@opentelemetry/sdk-trace-base";
+
+const dumpAttributes = (attr: Attributes) =>
+  Object.entries(attr).map(([key, value]) => ({
+    key,
+    type: typeof value,
+    value,
+  }));
+
+/**
+ * Exports spans on demand to the Jaeger JSON format, which can be attached to
+ * rageshakes and loaded into analysis tools like Jaeger and Stalk.
+ */
+export class RageshakeSpanProcessor implements SpanProcessor {
+  private readonly spans: ReadableSpan[] = [];
+
+  async forceFlush(): Promise<void> {}
+
+  onStart(span: Span): void {
+    this.spans.push(span);
+  }
+
+  onEnd(): void {}
+
+  /**
+   * Dumps the spans collected so far as Jaeger-compatible JSON.
+   */
+  public dump(): string {
+    const now = Date.now() * 1000; // Jaeger works in microseconds
+    const traces = new Map<string, ReadableSpan[]>();
+
+    // Organize spans by their trace IDs
+    for (const span of this.spans) {
+      const traceId = span.spanContext().traceId;
+      let trace = traces.get(traceId);
+
+      if (trace === undefined) {
+        trace = [];
+        traces.set(traceId, trace);
+      }
+
+      trace.push(span);
+    }
+
+    const processId = "p1";
+    const processes = {
+      [processId]: {
+        serviceName: "element-call",
+        tags: [],
+      },
+      warnings: null,
+    };
+
+    return JSON.stringify({
+      // Honestly not sure what some of these fields mean, I just know that
+      // they're present in Jaeger JSON exports
+      total: 0,
+      limit: 0,
+      offset: 0,
+      errors: null,
+      data: [...traces.entries()].map(([traceId, spans]) => ({
+        traceID: traceId,
+        warnings: null,
+        processes,
+        spans: spans.map((span) => {
+          const ctx = span.spanContext();
+          const startTime = hrTimeToMicroseconds(span.startTime);
+          // If the span has not yet ended, pretend that it ends now
+          const duration =
+            span.duration[0] === -1
+              ? now - startTime
+              : hrTimeToMicroseconds(span.duration);
+
+          return {
+            traceID: traceId,
+            spanID: ctx.spanId,
+            operationName: span.name,
+            processID: processId,
+            warnings: null,
+            startTime,
+            duration,
+            references:
+              span.parentSpanId === undefined
+                ? []
+                : [
+                    {
+                      refType: "CHILD_OF",
+                      traceID: traceId,
+                      spanID: span.parentSpanId,
+                    },
+                  ],
+            tags: dumpAttributes(span.attributes),
+            logs: span.events.map((event) => ({
+              timestamp: hrTimeToMicroseconds(event.time),
+              // The name of the event is in the "event" field, aparently.
+              fields: [
+                ...dumpAttributes(event.attributes ?? {}),
+                { key: "event", type: "string", value: event.name },
+              ],
+            })),
+          };
+        }),
+      })),
+    });
+  }
+
+  async shutdown(): Promise<void> {}
+}

src/auth/LoginPage.module.css

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 .logo {
   max-width: 300px;
   margin: 80px 0;
@@ -36,7 +52,7 @@
 
 .formContainer h4 {
   font-weight: normal;
-  font-size: 18px;
+  font-size: var(--font-size-subtitle);
   margin-bottom: 0;
 }
 
@@ -48,7 +64,7 @@
 .formContainer button {
   height: 48px;
   width: 100%;
-  font-size: 15px;
+  font-size: var(--font-size-body);
   font-weight: 600;
 }
 
@@ -61,7 +77,7 @@
 
 .authLinks {
   margin-bottom: 100px;
-  font-size: 15px;
+  font-size: var(--font-size-body);
 }
 
 .authLinks a {

src/auth/LoginPage.tsx

@@ -14,14 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, {
-  FC,
-  FormEvent,
-  useCallback,
-  useRef,
-  useState,
-  useMemo,
-} from "react";
+import React, { FC, FormEvent, useCallback, useRef, useState } from "react";
 import { useHistory, useLocation, Link } from "react-router-dom";
 import { Trans, useTranslation } from "react-i18next";
 
@@ -29,10 +22,11 @@ import { ReactComponent as Logo } from "../icons/LogoLarge.svg";
 import { useClient } from "../ClientContext";
 import { FieldRow, InputField, ErrorMessage } from "../input/Input";
 import { Button } from "../button";
-import { defaultHomeserver, defaultHomeserverHost } from "../matrix-utils";
 import styles from "./LoginPage.module.css";
 import { useInteractiveLogin } from "./useInteractiveLogin";
 import { usePageTitle } from "../usePageTitle";
+import { PosthogAnalytics } from "../analytics/PosthogAnalytics";
+import { Config } from "../config/Config";
 
 export const LoginPage: FC = () => {
   const { t } = useTranslation();
@@ -40,7 +34,7 @@ export const LoginPage: FC = () => {
 
   const { setClient } = useClient();
   const login = useInteractiveLogin();
-  const homeserver = defaultHomeserver; // TODO: Make this configurable
+  const homeserver = Config.defaultHomeserverUrl(); // TODO: Make this configurable
   const usernameRef = useRef<HTMLInputElement>();
   const passwordRef = useRef<HTMLInputElement>();
   const history = useHistory();
@@ -64,6 +58,7 @@ export const LoginPage: FC = () => {
           } else {
             history.push("/");
           }
+          PosthogAnalytics.instance.eventLogin.track();
         })
         .catch((error) => {
           setError(error);
@@ -73,14 +68,6 @@ export const LoginPage: FC = () => {
     [login, location, history, homeserver, setClient]
   );
 
-  const homeserverHost = useMemo(() => {
-    try {
-      return new URL(homeserver).host;
-    } catch (error) {
-      return defaultHomeserverHost;
-    }
-  }, [homeserver]);
-
   return (
     <>
       <div className={styles.container}>
@@ -100,7 +87,8 @@ export const LoginPage: FC = () => {
                   autoCorrect="off"
                   autoCapitalize="none"
                   prefix="@"
-                  suffix={`:${homeserverHost}`}
+                  suffix={`:${Config.defaultServerName()}`}
+                  data-testid="login_username"
                 />
               </FieldRow>
               <FieldRow>
@@ -109,6 +97,7 @@ export const LoginPage: FC = () => {
                   ref={passwordRef}
                   placeholder={t("Password")}
                   label={t("Password")}
+                  data-testid="login_password"
                 />
               </FieldRow>
               {error && (
@@ -117,7 +106,11 @@ export const LoginPage: FC = () => {
                 </FieldRow>
               )}
               <FieldRow>
-                <Button type="submit" disabled={loading}>
+                <Button
+                  type="submit"
+                  disabled={loading}
+                  data-testid="login_login"
+                >
                   {loading ? t("Logging in…") : t("Login")}
                 </Button>
               </FieldRow>

src/auth/RegisterPage.tsx

@@ -31,7 +31,6 @@ import { Trans, useTranslation } from "react-i18next";
 import { FieldRow, InputField, ErrorMessage } from "../input/Input";
 import { Button } from "../button";
 import { useClient } from "../ClientContext";
-import { defaultHomeserverHost } from "../matrix-utils";
 import { useInteractiveRegistration } from "./useInteractiveRegistration";
 import styles from "./LoginPage.module.css";
 import { ReactComponent as Logo } from "../icons/LogoLarge.svg";
@@ -39,6 +38,8 @@ import { LoadingView } from "../FullScreenView";
 import { useRecaptcha } from "./useRecaptcha";
 import { Caption, Link } from "../typography/Typography";
 import { usePageTitle } from "../usePageTitle";
+import { PosthogAnalytics } from "../analytics/PosthogAnalytics";
+import { Config } from "../config/Config";
 
 export const RegisterPage: FC = () => {
   const { t } = useTranslation();
@@ -98,6 +99,7 @@ export const RegisterPage: FC = () => {
         }
 
         setClient(newClient, session);
+        PosthogAnalytics.instance.eventSignup.cacheSignupEnd(new Date());
       };
 
       submit()
@@ -142,6 +144,8 @@ export const RegisterPage: FC = () => {
 
   if (loading) {
     return <LoadingView />;
+  } else {
+    PosthogAnalytics.instance.eventSignup.cacheSignupStart(new Date());
   }
 
   return (
@@ -161,7 +165,8 @@ export const RegisterPage: FC = () => {
                   autoCorrect="off"
                   autoCapitalize="none"
                   prefix="@"
-                  suffix={`:${defaultHomeserverHost}`}
+                  suffix={`:${Config.defaultServerName()}`}
+                  data-testid="register_username"
                 />
               </FieldRow>
               <FieldRow>
@@ -175,6 +180,7 @@ export const RegisterPage: FC = () => {
                   value={password}
                   placeholder={t("Password")}
                   label={t("Password")}
+                  data-testid="register_password"
                 />
               </FieldRow>
               <FieldRow>
@@ -189,6 +195,7 @@ export const RegisterPage: FC = () => {
                   placeholder={t("Confirm password")}
                   label={t("Confirm password")}
                   ref={confirmPasswordRef}
+                  data-testid="register_confirm_password"
                 />
               </FieldRow>
               <Caption>
@@ -213,7 +220,11 @@ export const RegisterPage: FC = () => {
                 </FieldRow>
               )}
               <FieldRow>
-                <Button type="submit" disabled={registering}>
+                <Button
+                  type="submit"
+                  disabled={registering}
+                  data-testid="register_register"
+                >
                   {registering ? t("Registering…") : t("Register")}
                 </Button>
               </FieldRow>

src/auth/generateRandomName.ts

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.

src/auth/useInteractiveLogin.ts

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -18,7 +18,7 @@ import { useCallback } from "react";
 import { InteractiveAuth } from "matrix-js-sdk/src/interactive-auth";
 import { createClient, MatrixClient } from "matrix-js-sdk/src/matrix";
 
-import { initClient, defaultHomeserver } from "../matrix-utils";
+import { initClient } from "../matrix-utils";
 import { Session } from "../ClientContext";
 
 export const useInteractiveLogin = () =>
@@ -59,7 +59,7 @@ export const useInteractiveLogin = () =>
 
     const client = await initClient(
       {
-        baseUrl: defaultHomeserver,
+        baseUrl: homeserver,
         accessToken: access_token,
         userId: user_id,
         deviceId: device_id,

src/auth/useInteractiveRegistration.ts

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -18,8 +18,9 @@ import { useState, useEffect, useCallback, useRef } from "react";
 import { InteractiveAuth } from "matrix-js-sdk/src/interactive-auth";
 import { createClient, MatrixClient } from "matrix-js-sdk/src/matrix";
 
-import { initClient, defaultHomeserver } from "../matrix-utils";
+import { initClient } from "../matrix-utils";
 import { Session } from "../ClientContext";
+import { Config } from "../config/Config";
 
 export const useInteractiveRegistration = (): [
   string,
@@ -37,7 +38,9 @@ export const useInteractiveRegistration = (): [
 
   const authClient = useRef<MatrixClient>();
   if (!authClient.current) {
-    authClient.current = createClient({ baseUrl: defaultHomeserver });
+    authClient.current = createClient({
+      baseUrl: Config.defaultHomeserverUrl(),
+    });
   }
 
   useEffect(() => {
@@ -92,7 +95,7 @@ export const useInteractiveRegistration = (): [
 
       const client = await initClient(
         {
-          baseUrl: defaultHomeserver,
+          baseUrl: Config.defaultHomeserverUrl(),
           accessToken: access_token,
           userId: user_id,
           deviceId: device_id,

src/auth/useRecaptcha.ts

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.

src/auth/useRegisterPasswordlessUser.ts

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.

src/button/Button.module.css

@@ -39,10 +39,10 @@ limitations under the License.
 .secondaryHangup,
 .button,
 .copyButton {
-  padding: 7px 15px;
+  padding: 8px 20px;
   border-radius: 8px;
-  font-size: 14px;
-  font-weight: 700;
+  font-size: var(--font-size-body);
+  font-weight: 600;
 }
 
 .button {
@@ -142,7 +142,7 @@ limitations under the License.
 
 .copyButton span {
   font-weight: 600;
-  font-size: 15px;
+  font-size: var(--font-size-body);
   margin-right: 10px;
   overflow: hidden;
   white-space: nowrap;

src/button/Button.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 - 2023 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -238,7 +238,7 @@ export function SettingsButton({
   return (
     <TooltipTrigger tooltip={tooltip}>
       <Button variant="toolbar" {...rest}>
-        <SettingsIcon />
+        <SettingsIcon width={20} height={20} />
       </Button>
     </TooltipTrigger>
   );
@@ -246,9 +246,11 @@ export function SettingsButton({
 
 export function InviteButton({
   className,
+  variant = "toolbar",
   ...rest
 }: {
   className?: string;
+  variant?: string;
   // TODO: add all props for <Button>
   [index: string]: unknown;
 }) {
@@ -257,7 +259,7 @@ export function InviteButton({
 
   return (
     <TooltipTrigger tooltip={tooltip}>
-      <Button variant="toolbar" {...rest}>
+      <Button variant={variant} {...rest}>
         <AddUserIcon />
       </Button>
     </TooltipTrigger>

src/button/CopyButton.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -48,6 +48,7 @@ export function CopyButton({
       className={className}
       onPress={setCopied}
       iconStyle={isCopied ? "stroke" : "fill"}
+      aria-label={t("Copy")}
     >
       {isCopied ? (
         <>

src/button/LinkButton.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.

src/button/index.ts

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.

src/config/Config.ts

@@ -0,0 +1,77 @@
+/*
+Copyright 2021-2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import {
+  DEFAULT_CONFIG,
+  ConfigOptions,
+  ResolvedConfigOptions,
+} from "./ConfigOptions";
+
+export class Config {
+  private static internalInstance: Config;
+
+  public static get(): ConfigOptions {
+    if (!this.internalInstance?.config)
+      throw new Error("Config instance read before config got initialized");
+    return this.internalInstance.config;
+  }
+
+  public static init(): Promise<void> {
+    if (Config.internalInstance?.initPromise) {
+      return Config.internalInstance.initPromise;
+    }
+    Config.internalInstance = new Config();
+    Config.internalInstance.initPromise = new Promise<void>((resolve) => {
+      downloadConfig("../config.json").then((config) => {
+        Config.internalInstance.config = { ...DEFAULT_CONFIG, ...config };
+        resolve();
+      });
+    });
+    return Config.internalInstance.initPromise;
+  }
+
+  // Convenience accessors
+  public static defaultHomeserverUrl(): string | undefined {
+    return Config.get().default_server_config["m.homeserver"].base_url;
+  }
+
+  public static defaultServerName(): string | undefined {
+    return Config.get().default_server_config["m.homeserver"].server_name;
+  }
+
+  public config?: ResolvedConfigOptions;
+  private initPromise?: Promise<void>;
+}
+
+async function downloadConfig(
+  configJsonFilename: string
+): Promise<ConfigOptions> {
+  const url = new URL(configJsonFilename, window.location.href);
+  url.searchParams.set("cachebuster", Date.now().toString());
+  const res = await fetch(url, {
+    cache: "no-cache",
+    method: "GET",
+  });
+
+  if (!res.ok || res.status === 404 || res.status === 0) {
+    // Lack of a config isn't an error, we should just use the defaults.
+    // Also treat a blank config as no config, assuming the status code is 0, because we don't get 404s from file:
+    // URIs so this is the only way we can not fail if the file doesn't exist when loading from a file:// URI.
+    return DEFAULT_CONFIG;
+  }
+
+  return res.json();
+}

src/config/ConfigOptions.ts

@@ -0,0 +1,83 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+export interface ConfigOptions {
+  /**
+   * The Posthog endpoint to which analytics data will be sent.
+   */
+  posthog?: {
+    api_key: string;
+    api_host: string;
+  };
+  /**
+   * The Sentry endpoint to which crash data will be sent.
+   */
+  sentry?: {
+    DSN: string;
+    environment: string;
+  };
+  /**
+   * The rageshake server to which feedback and debug logs will be sent.
+   */
+  rageshake?: {
+    submit_url: string;
+  };
+
+  /**
+   * Sets the URL to send opentelemetry data to. If unset, opentelemetry will
+   * be disabled.
+   */
+  opentelemetry?: {
+    collector_url: string;
+  };
+
+  // Describes the default homeserver to use. The same format as Element Web
+  // (without identity servers as we don't use them).
+  default_server_config?: {
+    ["m.homeserver"]: {
+      base_url: string;
+      server_name: string;
+    };
+  };
+
+  /**
+   * Allow to join a group calls without audio and video.
+   * TEMPORARY: Is a feature that's not proved and experimental
+   */
+  features?: {
+    feature_group_calls_without_video_and_audio: boolean;
+  };
+}
+
+// Overrides members from ConfigOptions that are always provided by the
+// default config and are therefore non-optional.
+export interface ResolvedConfigOptions extends ConfigOptions {
+  default_server_config: {
+    ["m.homeserver"]: {
+      base_url: string;
+      server_name: string;
+    };
+  };
+}
+
+export const DEFAULT_CONFIG: ResolvedConfigOptions = {
+  default_server_config: {
+    ["m.homeserver"]: {
+      base_url: "http://localhost:8008",
+      server_name: "localhost",
+    },
+  },
+};

src/form/Form.module.css

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 .form {
   display: flex;
   flex-direction: column;

src/form/Form.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -15,14 +15,14 @@ limitations under the License.
 */
 
 import classNames from "classnames";
-import React, { FormEventHandler, forwardRef } from "react";
+import React, { FormEventHandler, forwardRef, ReactNode } from "react";
 
 import styles from "./Form.module.css";
 
 interface FormProps {
   className: string;
   onSubmit: FormEventHandler<HTMLFormElement>;
-  children: JSX.Element[];
+  children: ReactNode[];
 }
 
 export const Form = forwardRef<HTMLFormElement, FormProps>(

src/home/CallList.module.css

@@ -1,3 +1,19 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 .callTileSpacer,
 .callTile {
   width: 329px;

src/home/CallList.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -92,7 +92,7 @@ function CallTile({
             <Facepile
               className={styles.facePile}
               client={client}
-              participants={participants}
+              members={participants}
             />
           )}
         </div>