Fix the settings label

We were displaying the raw translation key rather than the translated text.

.env.example

@@ -3,22 +3,17 @@
 # Environment files are documented here:
 # https://vitejs.dev/guide/env-and-mode.html#env-files
 ####
+# Develop backend settings:
+LIVEKIT_KEY="devkey"
+LIVEKIT_SECRET="secret"
 
 # Used for determining the homeserver to use for short urls etc.
 # VITE_FALLBACK_STUN_ALLOWED=false
 
-# VITE_CUSTOM_THEME=true
+# CSS to be injected into the page for the purpose of custom theming.
-# VITE_THEME_ACCENT=#0dbd8b
+# Generally, writing a custom theme involves overriding Compound design tokens,
-# VITE_THEME_ACCENT_20=#0dbd8b33
+# which are documented here:
-# VITE_THEME_ALERT=#ff5b55
+# https://compound.element.io/?path=/docs/foundations-design-tokens--docs
-# VITE_THEME_ALERT_20=#ff5b5533
+# https://compound.element.io/?path=/docs/tokens-color-palettes--docs
-# VITE_THEME_LINKS=#0086e6
+# https://compound.element.io/?path=/docs/tokens-semantic-colors--docs
-# VITE_THEME_PRIMARY_CONTENT=#ffffff
+# VITE_CUSTOM_CSS=".cpd-theme-dark.cpd-theme-dark { --cpd-color-theme-bg: #101317; }"
-# VITE_THEME_SECONDARY_CONTENT=#a9b2bc
-# VITE_THEME_TERTIARY_CONTENT=#8e99a4
-# VITE_THEME_TERTIARY_CONTENT_20=#8e99a433
-# VITE_THEME_QUATERNARY_CONTENT=#6f7882
-# VITE_THEME_QUINARY_CONTENT=#394049
-# VITE_THEME_SYSTEM=#21262c
-# VITE_THEME_BACKGROUND=#15191e
-# VITE_THEME_BACKGROUND_85=#15191ed9

.eslintrc.cjs

@@ -1,31 +1,44 @@
+const COPYRIGHT_HEADER = `/*
+Copyright %%CURRENT_YEAR%% 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.
+*/
+
+`;
+
 module.exports = {
   plugins: ["matrix-org"],
-  extends: ["plugin:matrix-org/react", "plugin:matrix-org/a11y", "prettier"],
+  extends: [
+    "plugin:matrix-org/react",
+    "plugin:matrix-org/a11y",
+    "plugin:matrix-org/typescript",
+    "prettier",
+  ],
+  parserOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module",
+    project: ["./tsconfig.json"],
+  },
   env: {
     browser: true,
     node: true,
   },
-  parserOptions: {
-    ecmaVersion: "latest",
-    sourceType: "module",
-  },
   rules: {
-    "jsx-a11y/media-has-caption": ["off"],
+    "matrix-org/require-copyright-header": ["error", COPYRIGHT_HEADER],
+    "jsx-a11y/media-has-caption": "off",
+    // We should use the js-sdk logger, never console directly.
+    "no-console": ["error"],
   },
-  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",

.github/workflows/build.yaml

@@ -2,16 +2,16 @@ name: Build
 on:
   pull_request: {}
   push:
-    branches: [main]
+    branches: [livekit, full-mesh]
 jobs:
   build:
     name: Build
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
       - name: Yarn cache
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           cache: "yarn"
       - name: Install dependencies
@@ -23,8 +23,10 @@ jobs:
           SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
           SENTRY_URL: ${{ secrets.SENTRY_URL }}
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+          VITE_APP_VERSION: ${{ github.sha }}
+          NODE_OPTIONS: "--max-old-space-size=4096"
       - name: Upload Artifact
-        uses: actions/upload-artifact@v2
+        uses: actions/upload-artifact@v3
         with:
           name: build
           path: dist

.github/workflows/e2e.yml

@@ -5,14 +5,14 @@ on:
     types:
       - completed
     branches-ignore:
-      - "main"
+      - "livekit"
 jobs:
   e2e:
     name: E2E tests runs on Element Call
     runs-on: ubuntu-latest
     steps:
       - name: Check out test private repo
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           repository: vector-im/static-call-participant
           ref: refs/heads/main

.github/workflows/lint.yaml

@@ -7,9 +7,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
       - name: Yarn cache
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           cache: "yarn"
       - name: Install dependencies
@@ -19,6 +19,6 @@ jobs:
       - name: i18n
         run: "yarn run i18n:check"
       - name: ESLint
-        run: "yarn run lint:js"
+        run: "yarn run lint:eslint"
       - name: Type check
         run: "yarn run lint:types"

.github/workflows/netlify-main.yaml

@@ -1,88 +0,0 @@
-name: Netlify Main
-on:
-  workflow_run:
-    workflows: ["Build"]
-    types:
-      - completed
-    branches:
-      - "main"
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    permissions:
-      deployments: write
-    # 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
-        id: deployment
-        with:
-          step: start
-          token: ${{ secrets.GITHUB_TOKEN }}
-          env: main-branch-cd
-          ref: ${{ github.event.workflow_run.head_sha }}
-
-      - name: "Download artifact"
-        uses: actions/github-script@v3.1.0
-        with:
-          script: |
-            const artifacts = await github.actions.listWorkflowRunArtifacts({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                run_id: ${{ github.event.workflow_run.id }},
-            });
-            const matchArtifact = artifacts.data.artifacts.filter((artifact) => {
-                return artifact.name == "build"
-            })[0];
-            const download = await github.actions.downloadArtifact({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                artifact_id: matchArtifact.id,
-                archive_format: 'zip',
-            });
-            const fs = require('fs');
-            fs.writeFileSync('${{github.workspace}}/build.zip', Buffer.from(download.data));
-
-      - name: Extract Artifacts
-        run: unzip -d dist build.zip && rm build.zip
-
-      - 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 > 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
-        with:
-          publish-dir: dist
-          deploy-message: "Deploy from GitHub Actions"
-          production-branch: main
-          production-deploy: true
-          # These don't work because we're in workflow_run
-          enable-pull-request-comment: false
-          enable-commit-comment: false
-          github-deployment-environment: main
-        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 }}

.github/workflows/netlify-pr.yaml

@@ -6,6 +6,7 @@ on:
       - completed
     branches-ignore:
       - "main"
+      - "livekit"
 jobs:
   deploy:
     if: github.event.workflow_run.conclusion == 'success' && github.event.workflow_run.event == 'pull_request'
@@ -27,7 +28,7 @@ jobs:
             Exercise caution. Use test accounts.
 
       - id: prdetails
-        uses: matrix-org/pr-details-action@v1.2
+        uses: matrix-org/pr-details-action@v1.3
         with:
           owner: ${{ github.event.workflow_run.head_repository.owner.login }}
           branch: ${{ github.event.workflow_run.head_branch }}
@@ -52,7 +53,7 @@ jobs:
 
       - name: ☁️ Deploy to Netlify
         id: netlify
-        uses: nwtgck/actions-netlify@v1.2
+        uses: nwtgck/actions-netlify@v2.1
         with:
           publish-dir: webapp
           deploy-message: "Deploy from GitHub Actions"

.github/workflows/publish.yaml

@@ -3,6 +3,8 @@ name: Build & publish images to the package registry for tags
 on:
   release:
     types: [published]
+  push:
+    branches: [livekit]
 
 env:
   REGISTRY: ghcr.io
@@ -16,18 +18,22 @@ jobs:
       contents: write # required to upload release asset
       packages: write
     steps:
+      - name: Get current time
+        id: current-time
+        run: echo "unix_time=$(date +'%s')" >> $GITHUB_OUTPUT
+
       - name: Check it out
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Log in to container registry
-        uses: docker/login-action@f054a8b539a109f9f41c372932f1ae047eff08c9
+        uses: docker/login-action@3d58c274f17dffee475a5520cbe67f0a882c4dbb
         with:
           registry: ${{ env.REGISTRY }}
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Yarn cache
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           cache: "yarn"
       - name: Install dependencies
@@ -39,31 +45,37 @@ jobs:
           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 }}
+          VITE_APP_VERSION: ${{ github.event.release.tag_name || github.sha }}
 
       - name: Create Tarball
         env:
-          GITHUB_TAG_NAME: ${{ github.event.release.tag_name }}
+          TARBALL_VERSION: ${{ github.event.release.tag_name || github.sha }}
         run: |
-          tar --numeric-owner --transform "s/dist/element-call-${GITHUB_TAG_NAME}/" -cvzf element-call-${GITHUB_TAG_NAME}.tar.gz dist
+          tar --numeric-owner --transform "s/dist/element-call-${TARBALL_VERSION}/" -cvzf element-call-${TARBALL_VERSION}.tar.gz dist
+
       - name: Upload
-        uses: alexellis/upload-assets@0.4.0
+        uses: actions/upload-artifact@a8a3f3ad30e3422c9c7b888a15615d19a852ae32
         env:
           GITHUB_TOKEN: ${{ github.token }}
         with:
-          asset_paths: '["element-call-${{ github.event.release.tag_name }}.tar.gz"]'
+          path: "./element-call-*.tar.gz"
 
       - name: Extract metadata (tags, labels) for Docker
         id: meta
-        uses: docker/metadata-action@98669ae865ea3cffbcbaa878cf57c20bbf1c6c38
+        uses: docker/metadata-action@2a4836ac76fe8f5d0ee3a0d89aa12a80cc552ad3
         with:
           images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
+          tags: |
+            type=sha,format=short,event=branch
+            type=semver,pattern=v{{version}}
+            type=raw,value=latest-ci,enable={{is_default_branch}}
+            type=raw,value=latest-ci_${{steps.current-time.outputs.unix_time}},enable={{is_default_branch}}
 
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@dc7b9719a96d48369863986a06765841d7ea23f6
+        uses: docker/setup-buildx-action@6d5347c4025fdf2bb05167a2519cac535a14a408
 
       - name: Build and push Docker image
-        uses: docker/build-push-action@ad44023a93711e3deb337508980b4b5e9bcdc5dc
+        uses: docker/build-push-action@4a13e500e55cf31b7a5d59a38ab2040ab0f42f56
         with:
           context: .
           platforms: linux/amd64,linux/arm64

.github/workflows/test.yaml

@@ -1,18 +1,24 @@
 name: Run jest tests
 on:
   pull_request: {}
+  push:
+    branches: [livekit, full-mesh]
 jobs:
   jest:
     name: Run jest tests
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
       - name: Yarn cache
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           cache: "yarn"
       - name: Install dependencies
         run: "yarn install"
       - name: Jest
         run: "yarn run test"
+      - name: Upload to codecov
+        uses: codecov/codecov-action@v3
+        with:
+          flags: unittests

.github/workflows/translations-download.yaml

@@ -0,0 +1,56 @@
+name: Download translation files from Localazy
+on:
+  workflow_dispatch:
+    secrets:
+      ELEMENT_BOT_TOKEN:
+        required: true
+
+jobs:
+  download:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+
+    steps:
+      - name: Checkout the code
+        uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v3
+        with:
+          cache: "yarn"
+
+      - name: Install Deps
+        run: "yarn install --frozen-lockfile"
+
+      - name: Prune i18n
+        run: "rm -R public/locales"
+
+      - name: Download translation files
+        uses: localazy/download@v1.1.0
+        with:
+          groups: "-p includeSourceLang:true"
+
+      - name: Fix the owner of the downloaded files
+        run: "sudo chown runner:docker -R public/locales"
+
+      - name: Prettier
+        run: yarn prettier:format
+
+      - name: Create Pull Request
+        id: cpr
+        uses: peter-evans/create-pull-request@v5.0.2
+        with:
+          token: ${{ secrets.ELEMENT_BOT_TOKEN }}
+          branch: actions/localazy-download
+          delete-branch: true
+          title: Localazy Download
+          commit-message: Translations updates
+          labels: |
+            T-Task
+
+      - name: Enable automerge
+        run: gh pr merge --merge --auto "$PR_NUMBER"
+        if: steps.cpr.outputs.pull-request-operation == 'created'
+        env:
+          GH_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}
+          PR_NUMBER: ${{ steps.cpr.outputs.pull-request-number }}

.github/workflows/translations-upload.yaml

@@ -0,0 +1,20 @@
+name: Upload translation files to Localazy
+on:
+  push:
+    branches:
+      - livekit
+
+jobs:
+  upload:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+
+    steps:
+      - name: Checkout the code
+        uses: actions/checkout@v4
+
+      - name: Upload
+        uses: localazy/upload@v1
+        with:
+          write_key: ${{ secrets.LOCALAZY_WRITE_KEY }}

.github/workflows/triage-incoming.yaml

@@ -1,27 +0,0 @@
-name: Move new issues into triage board
-
-on:
-  issues:
-    types: [opened]
-
-jobs:
-  add-to-project:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: octokit/graphql-action@v2.x
-        id: add_to_project
-        with:
-          headers: '{"GraphQL-Features": "projects_next_graphql"}'
-          query: |
-            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:
-          PROJECT_ID: "PVT_kwDOAM0swc4AH1sa"
-          GITHUB_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}

.gitignore

@@ -7,3 +7,4 @@ dist-ssr
 .idea/
 public/config.json
 /coverage
+yarn-error.log

.storybook/main.js

@@ -14,7 +14,7 @@ module.exports = {
           Array.isArray(item) &&
           item.length > 0 &&
           item[0].name === "vite-plugin-mdx"
-        )
+        ),
     );
     config.plugins.push(svgrPlugin());
     config.resolve = config.resolve || {};

.storybook/preview.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { addDecorator } from "@storybook/react";
 import { MemoryRouter } from "react-router-dom";
 import { usePageFocusStyle } from "../src/usePageFocusStyle";

README.md

@@ -1,13 +1,15 @@
 # Element Call
 
 [![Chat](https://img.shields.io/matrix/webrtc:matrix.org)](https://matrix.to/#/#webrtc:matrix.org)
-[![Translate](https://translate.element.io/widgets/element-call/-/element-call/svg-badge.svg)](https://translate.element.io/engage/element-call/)
+[![Localazy](https://img.shields.io/endpoint?url=https%3A%2F%2Fconnect.localazy.com%2Fstatus%2Felement-call%2Fdata%3Fcontent%3Dall%26title%3Dlocalazy%26logo%3Dtrue)](https://localazy.com/p/element-call)
 
-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).
+Group calls with WebRTC that leverage [Matrix](https://matrix.org) and an open-source WebRTC toolkit from [LiveKit](https://livekit.io/).
+
+For prior version of the Element Call that relied solely on full-mesh logic, check [`full-mesh`](https://github.com/vector-im/element-call/tree/full-mesh) branch.
 
 ![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).
+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 [call.element.dev](https://call.element.dev/).
 
 ## Host it yourself
 
@@ -48,24 +50,18 @@ Element Call requires a homeserver with registration enabled without any 3pid or
 
 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
+## Configuration
 
-#### Allow joining group calls without a camera and a microphone
+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).
 
-You can allow joining a group call without video and audio enabling this feature in your `config.json`:
+## Translation
 
-```json
+If you'd like to help translate Element Call, head over to [Localazy](https://localazy.com/p/element-call). You're also encouraged to join the [Element Translators](https://matrix.to/#/#translators:element.io) space to discuss and coordinate translation efforts.
-{
-  ...
-
-  "features": {
-    "feature_group_calls_without_video_and_audio": true
-  }
-}
-```
 
 ## Development
 
+### Frontend
+
 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:
 
 ```
@@ -90,10 +86,29 @@ You're now ready to launch the development server:
 yarn dev
 ```
 
-## Configuration
+### Backend
 
-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).
+A docker compose file is provided to start a LiveKit server and auth
+service for development. These use a test 'secret' published in this
+repository, so this must be used only for local development and
+**_never be exposed to the public Internet._**
 
-## Translation
+To use it, add SFU parameter in your local config `./public/config.yml`:
 
-If you'd like to help translate Element Call, head over to [translate.element.io](https://translate.element.io/engage/element-call/). You're also encouraged to join the [Element Translators](https://matrix.to/#/#translators:element.io) space to discuss and coordinate translation efforts.
+```yaml
+"livekit": {
+    "jwt_service_url": "http://localhost:8881"
+  },
+```
+
+Run backend components:
+
+```
+yarn backend
+```
+
+## Documentation
+
+Usage and other technical details about the project can be found here:
+
+[**Docs**](./docs/README.md)

babel.config.cjs

@@ -8,7 +8,12 @@ module.exports = {
         },
       },
     ],
+    [
       "@babel/preset-react",
+      {
+        runtime: "automatic",
+      },
+    ],
     "@babel/preset-typescript",
   ],
   plugins: ["babel-plugin-transform-vite-meta-env"],

backend-docker-compose.yml

@@ -0,0 +1,44 @@
+version: "3.9"
+
+networks:
+  lkbackend:
+
+services:
+  auth-service:
+    image: ghcr.io/vector-im/lk-jwt-service:latest-ci
+    hostname: auth-server
+    ports:
+      - 8881:8080
+    environment:
+      - LIVEKIT_URL=ws://localhost:7880
+      - LIVEKIT_KEY=devkey
+      - LIVEKIT_SECRET=secret
+    deploy:
+      restart_policy:
+        condition: on-failure
+    networks:
+      - lkbackend
+
+  livekit:
+    image: livekit/livekit-server:latest
+    command: --dev --config /etc/livekit.yaml
+    restart: unless-stopped
+    ports:
+      - "7880:7880"
+      - "7881:7881"
+      - "7882:7882"
+      - "50100-50200:50100-50200"
+    volumes:
+      - ./backend/livekit.yaml:/etc/livekit.yaml
+    networks:
+      - lkbackend
+
+  redis:
+    image: redis:6-alpine
+    command: redis-server /etc/redis.conf
+    ports:
+      - 6379:6379
+    volumes:
+      - ./backend/redis.conf:/etc/redis.conf
+    networks:
+      - lkbackend

backend/livekit.yaml

@@ -0,0 +1,26 @@
+port: 7880
+environment: dev
+bind_addresses:
+  - "0.0.0.0"
+rtc:
+  tcp_port: 7881
+  port_range_start: 50100
+  port_range_end: 50200
+  use_external_ip: false
+#redis:
+#    address: redis:6379
+#    username: ""
+#    password: ""
+#    db: 0
+turn:
+  enabled: false
+  domain: localhost
+  cert_file: ""
+  key_file: ""
+  tls_port: 5349
+  udp_port: 443
+  external_tls: true
+keys:
+  devkey: secret
+signal_relay:
+  enabled: true

backend/redis.conf

@@ -0,0 +1,5 @@
+bind 0.0.0.0
+protected-mode yes
+port 6379
+timeout 0
+tcp-keepalive 300

config/config.sample.json

@@ -4,5 +4,6 @@
       "base_url": "https://call.ems.host",
       "server_name": "call.ems.host"
     }
-  }
+  },
+  "eula": "https://static.element.io/legal/online-EULA.pdf"
 }

config/element_io_preview.json

@@ -1,10 +1,13 @@
 {
   "default_server_config": {
     "m.homeserver": {
-      "base_url": "https://call.ems.host",
+      "base_url": "https://call-unstable.ems.host",
-      "server_name": "call.ems.host"
+      "server_name": "call-unstable.ems.host"
     }
   },
+  "livekit": {
+    "livekit_service_url": "https://livekit-jwt.call.element.dev"
+  },
   "posthog": {
     "api_key": "phc_rXGHx9vDmyEvyRxPziYtdVIv0ahEv8A9uLWFcCi1WcU",
     "api_host": "https://posthog-element-call.element.io"

config/nginx.conf

@@ -21,5 +21,9 @@ server {
         expires 1w;
         add_header Cache-Control "public, no-transform";
     }
+
+    location /apple-app-site-association {
+        default_type application/json;
+    }
 }
 

docs/README.md

@@ -0,0 +1,6 @@
+## Element Call Docs
+
+This folder contains documentation for Element Call setup and usage.
+
+- [Url format and parameters](./url-params.md)
+- [Embedded vs standalone mode](./embedded-standalone.md)

docs/embedded-standalone.md

@@ -0,0 +1,9 @@
+## Embedded vs standalone mode
+
+Element call is developed using the js-sdk with matroska mode. This means the app can run either as a standalone app directly connected to a homeserver providing login interfaces or it can be used as a widget.
+
+As a widget the app only uses the core calling (matrixRTC) parts. The rest (authentication, sending events, getting room state updates about calls) is done by the hosting client.
+Element Call and the hosting client are connected via the widget api.
+
+Element call detects that it is run as a widget if a widgetId is defined in the url parameters. If `widgetId` is present element call will try to connect to the client via the widget postMessage api using the parameters provided in [Url Format and parameters
+](./url-params.md).

docs/url-params.md

@@ -0,0 +1,191 @@
+## Url Format and parameters
+
+There are two formats for Element Call urls.
+
+- **Current Format**
+  ```
+  https://element_call.domain/room/#
+  /<room_name_alias>?roomId=!id:domain&password=1234&<other params see below>
+  ```
+  The url is split into two sections. The `https://element_call.domain/room/#` contains the app and the intend that the link brings you into a specific room (`https://call.element.io/#` would be the homepage). The fragment is used for query parameters to make sure they never get sent to the element_call.domain server. Here we have the actual matrix roomId and the password which are used to connect all participants with e2ee. This allows that `<room_name_alias>` does not need to be unique. Multiple meetings with the label weekly-sync can be created without collisions.
+- **deprecated**
+  ```
+  https://element_call.domain/<room_name>
+  ```
+  With this format the livekit alias that will be used is the `<room_name>`. All ppl connecting to this url will end up in the same unencrypted room. This does not scale, is super unsecure (ppl could end up in the same room by accident) and it also is not really possible to support encryption.
+  The url parameters are spit into two categories: **general** and **widget related**.
+
+### Widget related params
+
+**widgetId**
+The id used by the widget. The presence of this parameter inplis that elemetn call will not connect to a homeserver directly and instead tries to establish postMessage communication via the `parentUrl`
+
+```
+widgetId: string | null;
+```
+
+**parentUrl**
+The url used to send widget action postMessages. This should be the domain of the client
+or the webview the widget is hosted in. (in case the widget is not in an Iframe but in a
+dedicated webview we send the postMessages same webview the widget lives in. Filtering is
+done in the widget so it ignores the messages it receives from itself)
+
+```
+parentUrl: string | null;
+```
+
+**userId**
+The user's ID (only used in matryoshka mode).
+
+```
+userId: string | null;
+```
+
+**deviceId**
+The device's ID (only used in matryoshka mode).
+
+```
+deviceId: string | null;
+```
+
+**baseUrl**
+The base URL of the homeserver to use for media lookups in matryoshka mode.
+
+```
+baseUrl: string | null;
+```
+
+### General url parameters
+
+**roomId**
+Anything about what room we're pointed to should be from useRoomIdentifier which
+parses the path and resolves alias with respect to the default server name, however
+roomId is an exception as we need the room ID in embedded (matroyska) mode, and not
+the room alias (or even the via params because we are not trying to join it). This
+is also not validated, where it is in useRoomIdentifier().
+
+```
+roomId: string | null;
+```
+
+**confineToRoom**
+Whether the app should keep the user confined to the current call/room.
+
+```
+confineToRoom: boolean; (default: false)
+```
+
+**appPrompt**
+Whether upon entering a room, the user should be prompted to launch the
+native mobile app. (Affects only Android and iOS.)
+
+```
+appPrompt: boolean; (default: true)
+```
+
+**preload**
+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; (default: false)
+```
+
+**hideHeader**
+Whether to hide the room header when in a call.
+
+```
+hideHeader: boolean; (default: false)
+```
+
+**showControls**
+Whether to show the buttons to mute, screen-share, invite, hangup are shown when in a call.
+
+```
+showControls: boolean; (default: true)
+```
+
+**hideScreensharing**
+Whether to hide the screen-sharing button.
+
+```
+hideScreensharing: boolean; (default: false)
+```
+
+**enableE2EE** (Deprecated)
+Whether to use end-to-end encryption. This is a legacy flag for the full mesh branch.
+It is not used on the livekit branch and has no impact there!
+
+```
+enableE2EE: boolean; (default: true)
+```
+
+**perParticipantE2EE**
+Whether to use per participant encryption.
+Keys will be exchanged over encrypted matrix room messages.
+
+```
+perParticipantE2EE: boolean; (default: false)
+```
+
+**password**
+E2EE password when using a shared secret. (For individual sender keys in embedded mode this is not required.)
+
+```
+password: string | null;
+```
+
+**displayName**
+The display name to use for auto-registration.
+
+```
+displayName: string | null;
+```
+
+**lang**
+The BCP 47 code of the language the app should use.
+
+```
+lang: string | null;
+```
+
+**fonts**
+The font/fonts which the interface should use.
+There can be multiple font url parameters: `?font=font-one&font=font-two...`
+
+```
+font: string;
+font: string;
+...
+```
+
+**fontScale**
+The factor by which to scale the interface's font size.
+
+```
+fontScale: number | null;
+```
+
+**analyticsID**
+The Posthog analytics ID. It is only available if the user has given consent for sharing telemetry in element web.
+
+```
+analyticsID: string | null;
+```
+
+**allowIceFallback**
+Whether the app is allowed to use fallback STUN servers for ICE in case the
+user's homeserver doesn't provide any.
+
+```
+allowIceFallback: boolean; (default: false)
+```
+
+**skipLobby**
+Setting this flag skips the lobby and brings you in the call directly.
+In the widget this can be combined with preload to pass the device settings
+with the join widget action.
+
+```
+skipLobby: boolean; (default: false)
+```

i18next-parser.config.ts

@@ -1,8 +1,8 @@
 export default {
-  keySeparator: false,
+  keySeparator: ".",
   namespaceSeparator: false,
   contextSeparator: "|",
-  pluralSeparator: "|",
+  pluralSeparator: "_",
   createOldCatalogs: false,
   defaultNamespace: "app",
   lexers: {
@@ -10,7 +10,14 @@ export default {
       {
         lexer: "JavascriptLexer",
         functions: ["t", "translatedError"],
-        functionsNamespace: ["useTranslation", "withTranslation"],
+        namespaceFunctions: ["useTranslation", "withTranslation"],
+      },
+    ],
+    tsx: [
+      {
+        lexer: "JsxLexer",
+        functions: ["t", "translatedError"],
+        namespaceFunctions: ["useTranslation", "withTranslation"],
       },
     ],
   },
@@ -18,5 +25,4 @@ export default {
   output: "public/locales/$LOCALE/$NAMESPACE.json",
   input: ["src/**/*.{ts,tsx}"],
   sort: true,
-  useKeysAsDefaultValue: true,
 };

localazy.json

@@ -0,0 +1,33 @@
+{
+  "readKey": "a7580769542256117579-70975387172511848f4c6533943d776547bad4853931ba352ee684b738f4494e",
+
+  "upload": {
+    "type": "json",
+    "deprecate": "file",
+    "features": ["plural_postfix_us", "filter_untranslated"],
+    "files": [
+      {
+        "pattern": "public/locales/en-GB/*.json",
+        "lang": "inherited"
+      },
+      {
+        "group": "existing",
+        "pattern": "public/locales/*/*.json",
+        "excludes": ["public/locales/en-GB/*.json"],
+        "lang": "${autodetectLang}"
+      }
+    ]
+  },
+
+  "download": {
+    "files": [
+      {
+        "output": "public/locales/${langLsrDash}/${file}"
+      }
+    ],
+    "includeSourceLang": "${includeSourceLang|false}",
+    "langAliases": {
+      "en": "en_GB"
+    }
+  }
+}

package.json

@@ -5,29 +5,31 @@
     "dev": "vite",
     "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 .",
     "prettier:format": "prettier -w .",
-    "lint": "yarn lint:types && yarn lint:js",
+    "lint": "yarn lint:types && yarn lint:eslint",
-    "lint:js": "eslint --max-warnings 0 src",
+    "lint:eslint": "eslint --max-warnings 0 src",
+    "lint:eslint-fix": "eslint --max-warnings 0 src --fix",
     "lint:types": "tsc",
     "i18n": "node_modules/i18next-parser/bin/cli.js",
     "i18n:check": "node_modules/i18next-parser/bin/cli.js --fail-on-warnings --fail-on-update",
-    "test": "jest"
+    "test": "jest",
+    "backend": "docker-compose -f backend-docker-compose.yml up"
   },
   "dependencies": {
     "@juggle/resize-observer": "^3.3.1",
+    "@livekit/components-react": "^1.1.0",
     "@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/exporter-trace-otlp-http": "^0.45.0",
-    "@opentelemetry/instrumentation-document-load": "^0.31.1",
+    "@opentelemetry/instrumentation-document-load": "^0.33.0",
-    "@opentelemetry/instrumentation-user-interaction": "^0.32.1",
+    "@opentelemetry/instrumentation-user-interaction": "^0.33.0",
     "@opentelemetry/sdk-trace-web": "^1.9.1",
+    "@radix-ui/react-dialog": "^1.0.4",
+    "@radix-ui/react-visually-hidden": "^1.0.3",
     "@react-aria/button": "^3.3.4",
-    "@react-aria/dialog": "^3.1.4",
     "@react-aria/focus": "^3.5.0",
     "@react-aria/menu": "^3.3.0",
     "@react-aria/overlays": "^3.7.3",
@@ -37,76 +39,93 @@
     "@react-aria/utils": "^3.10.0",
     "@react-spring/web": "^9.4.4",
     "@react-stately/collections": "^3.3.4",
-    "@react-stately/overlays": "^3.1.3",
     "@react-stately/select": "^3.1.3",
     "@react-stately/tooltip": "^3.0.5",
     "@react-stately/tree": "^3.2.0",
-    "@sentry/react": "^6.13.3",
+    "@sentry/react": "^7.0.0",
-    "@sentry/tracing": "^6.13.3",
+    "@sentry/tracing": "^7.0.0",
-    "@types/grecaptcha": "^3.0.4",
+    "@types/lodash": "^4.14.199",
-    "@types/sdp-transform": "^2.4.5",
     "@use-gesture/react": "^10.2.11",
+    "@vector-im/compound-design-tokens": "^0.1.0",
+    "@vector-im/compound-web": "^0.6.0",
+    "@vitejs/plugin-basic-ssl": "^1.0.1",
+    "@vitejs/plugin-react": "^4.0.1",
+    "buffer": "^6.0.3",
     "classnames": "^2.3.1",
-    "color-hash": "^2.0.1",
     "events": "^3.3.0",
-    "i18next": "^21.10.0",
+    "i18next": "^23.0.0",
-    "i18next-browser-languagedetector": "^6.1.8",
+    "i18next-browser-languagedetector": "^7.0.0",
-    "i18next-http-backend": "^1.4.4",
+    "i18next-http-backend": "^2.0.0",
+    "livekit-client": "^1.12.3",
     "lodash": "^4.17.21",
-    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#3cfad3cdeb7b19b8e0e7015784efd803cb9542f1",
+    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#eca651c0c2ff0600bdae0bb6aba43485e48b69d5",
     "matrix-widget-api": "^1.3.1",
-    "mermaid": "^8.13.8",
     "normalize.css": "^8.0.1",
     "pako": "^2.0.4",
-    "postcss-preset-env": "^7",
+    "postcss-preset-env": "^9.0.0",
     "posthog-js": "^1.29.0",
-    "re-resizable": "^6.9.0",
     "react": "18",
     "react-dom": "18",
-    "react-i18next": "^11.18.6",
+    "react-i18next": "^13.0.0",
-    "react-json-view": "^1.21.3",
-    "react-router": "6",
     "react-router-dom": "^5.2.0",
     "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"
+    "unique-names-generator": "^4.6.0",
+    "uuid": "9",
+    "vaul": "^0.7.0"
   },
   "devDependencies": {
     "@babel/core": "^7.16.5",
-    "@sentry/vite-plugin": "^0.3.0",
+    "@babel/preset-env": "^7.22.20",
-    "@storybook/react": "^6.5.0-alpha.5",
+    "@babel/preset-react": "^7.22.15",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@babel/preset-typescript": "^7.23.0",
-    "@testing-library/react": "^13.4.0",
+    "@react-spring/rafz": "^9.7.3",
+    "@react-types/dialog": "^3.5.5",
+    "@sentry/vite-plugin": "^2.0.0",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.5.1",
+    "@types/content-type": "^1.1.5",
+    "@types/dom-screen-wake-lock": "^1.0.1",
+    "@types/dompurify": "^3.0.2",
+    "@types/grecaptcha": "^3.0.4",
+    "@types/jest": "^29.5.5",
+    "@types/node": "^20.0.0",
+    "@types/react-router-dom": "^5.3.3",
     "@types/request": "^2.48.8",
-    "@typescript-eslint/eslint-plugin": "^5.22.0",
+    "@types/sdp-transform": "^2.4.5",
-    "@typescript-eslint/parser": "^5.22.0",
+    "@types/uuid": "9",
-    "babel-loader": "^8.2.3",
+    "@typescript-eslint/eslint-plugin": "^6.1.0",
+    "@typescript-eslint/parser": "^6.1.0",
+    "babel-loader": "^9.0.0",
     "babel-plugin-transform-vite-meta-env": "^1.0.3",
     "eslint": "^8.14.0",
     "eslint-config-google": "^0.14.0",
-    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-deprecate": "^0.8.2",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-matrix-org": "^0.4.0",
+    "eslint-plugin-matrix-org": "^1.2.1",
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.5.0",
-    "i18next-parser": "^6.6.0",
+    "eslint-plugin-unicorn": "^49.0.0",
+    "i18next-parser": "^8.0.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.2.2",
     "jest-environment-jsdom": "^29.3.1",
-    "prettier": "^2.6.2",
+    "jest-mock": "^29.5.0",
+    "prettier": "^3.0.0",
     "sass": "^1.42.1",
-    "storybook-builder-vite": "^0.1.12",
+    "typescript": "^5.1.6",
-    "typescript": "^4.6.4",
+    "typescript-eslint-language-service": "^5.0.5",
-    "typescript-strict-plugin": "^2.0.1",
+    "vite": "^4.2.0",
-    "vite": "^2.4.2",
     "vite-plugin-html-template": "^1.1.0",
-    "vite-plugin-svgr": "^0.4.0"
+    "vite-plugin-svgr": "^4.0.0"
   },
   "jest": {
-    "testEnvironment": "jsdom",
+    "testEnvironment": "./test/environment.ts",
     "testMatch": [
       "<rootDir>/test/**/*-test.[jt]s?(x)"
     ],
@@ -115,9 +134,15 @@
       "/node_modules/(?!internmap)+$"
     ],
     "moduleNameMapper": {
-      "\\.(css|less|svg)+$": "identity-obj-proxy",
+      "\\.css$": "identity-obj-proxy",
+      "\\.svg\\?react$": "<rootDir>/test/mocks/svgr.ts",
       "^\\./IndexedDBWorker\\?worker$": "<rootDir>/test/mocks/workerMock.ts",
       "^\\./olm$": "<rootDir>/test/mocks/olmMock.ts"
-    }
+    },
+    "collectCoverage": true,
+    "coverageReporters": [
+      "text",
+      "cobertura"
+    ]
   }
 }

public/.well-known/apple-app-site-association

@@ -0,0 +1,26 @@
+{
+  "applinks": {
+    "details": [
+      {
+        "appIDs": [
+          "7J4U792NQT.io.element.elementx",
+          "7J4U792NQT.io.element.elementx.nightly",
+          "7J4U792NQT.io.element.elementx.pr"
+        ],
+        "components": [
+          {
+            "?": {
+              "no_universal_links": "?*"
+            },
+            "exclude": true,
+            "comment": "Opt out of universal links"
+          },
+          {
+            "/": "/*",
+            "comment": "Matches any URL"
+          }
+        ]
+      }
+    ]
+  }
+}

public/.well-known/assetlinks.json

@@ -0,0 +1,32 @@
+[
+  {
+    "relation": ["delegate_permission/common.handle_all_urls"],
+    "target": {
+      "namespace": "android_app",
+      "package_name": "io.element.android.x.debug",
+      "sha256_cert_fingerprints": [
+        "B0:B0:51:DC:56:5C:81:2F:E1:7F:6F:3E:94:5B:4D:79:04:71:23:AB:0D:A6:12:86:76:9E:B2:94:91:97:13:0E"
+      ]
+    }
+  },
+  {
+    "relation": ["delegate_permission/common.handle_all_urls"],
+    "target": {
+      "namespace": "android_app",
+      "package_name": "io.element.android.x.nightly",
+      "sha256_cert_fingerprints": [
+        "CA:D3:85:16:84:3A:05:CC:EB:00:AB:7B:D3:80:0F:01:BA:8F:E0:4B:38:86:F3:97:D8:F7:9A:1B:C4:54:E4:0F"
+      ]
+    }
+  },
+  {
+    "relation": ["delegate_permission/common.handle_all_urls"],
+    "target": {
+      "namespace": "android_app",
+      "package_name": "io.element.android.x",
+      "sha256_cert_fingerprints": [
+        "C6:DB:9B:9C:8C:BD:D6:5D:16:E8:EC:8C:8B:91:C8:31:B9:EF:C9:5C:BF:98:AE:41:F6:A9:D8:35:15:1A:7E:16"
+      ]
+    }
+  }
+]

public/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -13,7 +13,7 @@
     </script>
   </head>
 
-  <body>
+  <body class="cpd-theme-dark">
     <div id="root"></div>
   </body>
 </html>

public/locales/bg/app.json

@@ -1,121 +1,78 @@
 {
-  "<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>",
+  "a11y": {
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Създайте акаунт</0> или <2>Влезте като гост</2>",
+    "user_menu": "Потребителско меню"
-  "<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.": "Приемете разрешенията за камера/микрофон за да се присъедините в разговора.",
+  "action": {
-  "Accept microphone permissions to join the call.": "Приемете разрешението за микрофона за да се присъедините в разговора.",
+    "close": "Затвори",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Друг потребител в този разговор има проблем. За да диагностицираме този проблем по-добре ни се иска да съберем debug логове.",
+    "go": "Напред",
-  "Audio": "Звук",
+    "no": "Не",
-  "Avatar": "Аватар",
+    "register": "Регистрация",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Натискайки \"Напред\" се съгласявате с нашите <2>Правила и условия</2>",
+    "remove": "Премахни",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Натискайки \"Влез в разговора сега\", се съгласявате с нашите <2>Правила и условия</2>",
+    "sign_in": "Влез",
-  "Call link copied": "Връзка към разговора бе копирана",
+    "sign_out": "Излез"
-  "Call type menu": "Меню \"тип на разговора\"",
+  },
-  "Camera": "Камера",
+  "call_ended_view": {
-  "Camera {{n}}": "Камера {{n}}",
+    "create_account_button": "Създай акаунт",
-  "Camera/microphone permissions needed to join the call.": "Необходими са разрешения за камера/микрофон за да се присъедините в разговора.",
+    "create_account_prompt": "<0>Защо не настройте парола за да запазите акаунта си?</0><1>Ще можете да запазите името и аватара си за бъдещи разговори</1>",
-  "Change layout": "Промени изгледа",
+    "not_now_button": "Не сега, върни се на началния екран"
-  "Close": "Затвори",
+  },
-  "Confirm password": "Потвърди паролата",
+  "common": {
-  "Connection lost": "Връзката се изгуби",
+    "audio": "Звук",
-  "Copied!": "Копирано!",
+    "avatar": "Аватар",
-  "Copy and share this call link": "Копирай и сподели връзка към разговора",
+    "camera": "Камера",
-  "Create account": "Създай акаунт",
+    "copied": "Копирано!",
-  "Debug log": "Debug логове",
+    "display_name": "Име/псевдоним",
-  "Debug log request": "Заявка за debug логове",
+    "home": "Начало",
-  "Details": "Детайли",
+    "loading": "Зареждане…",
-  "Developer": "Разработчик",
+    "microphone": "Микрофон",
-  "Display name": "Име/псевдоним",
+    "password": "Парола",
-  "Download debug logs": "Изтеглете debug логове",
+    "profile": "Профил",
-  "Exit full screen": "Излез от цял екран",
+    "settings": "Настройки",
-  "Fetching group call timed out.": "Изтече времето за взимане на груповия разговор.",
+    "username": "Потребителско име",
-  "Freedom": "Свобода",
+    "video": "Видео"
-  "Full screen": "Цял екран",
+  },
-  "Go": "Напред",
+  "exit_fullscreen_button_label": "Излез от цял екран",
-  "Grid layout menu": "Меню \"решетков изглед\"",
+  "fullscreen_button_label": "Цял екран",
-  "Home": "Начало",
+  "join_existing_call_modal": {
-  "Include debug logs": "Включи debug логове",
+    "join_button": "Да, присъедини се",
-  "Incompatible versions": "Несъвместими версии",
+    "text": "Този разговор вече съществува, искате ли да се присъедините?",
-  "Incompatible versions!": "Несъвместими версии!",
+    "title": "Присъединяване към съществуващ разговор?"
-  "Inspector": "Инспектор",
+  },
-  "Invite": "Покани",
+  "layout_spotlight_label": "Прожектор",
-  "Invite people": "Покани хора",
+  "lobby": {
-  "Join call": "Влез в разговора",
+    "join_button": "Влез в разговора"
-  "Join call now": "Влез в разговора сега",
+  },
-  "Join existing call?": "Присъединяване към съществуващ разговор?",
+  "local_volume_label": "Локална сила на звука",
-  "Leave": "Напусни",
+  "logging_in": "Влизане…",
-  "Loading…": "Зареждане…",
+  "login_auth_links": "<0>Създайте акаунт</0> или <2>Влезте като гост</2>",
-  "Local volume": "Локална сила на звука",
+  "login_title": "Влез",
-  "Logging in…": "Влизане…",
+  "rageshake_request_modal": {
-  "Login": "Влез",
+    "body": "Друг потребител в този разговор има проблем. За да диагностицираме този проблем по-добре ни се иска да съберем debug логове.",
-  "Login to your account": "Влезте в акаунта си",
+    "title": "Заявка за debug логове"
-  "Microphone": "Микрофон",
+  },
-  "Microphone permissions needed to join the call.": "Необходими са разрешения за микрофона за да можете да се присъедините в разговора.",
+  "rageshake_send_logs": "Изпратете debug логове",
-  "Microphone {{n}}": "Микрофон {{n}}",
+  "rageshake_sending": "Изпращане…",
-  "More": "Още",
+  "recaptcha_dismissed": "Recaptcha отхвърлена",
-  "Mute microphone": "Заглуши микрофона",
+  "recaptcha_not_loaded": "Recaptcha не е заредена",
-  "No": "Не",
+  "register": {
-  "Not now, return to home screen": "Не сега, върни се на началния екран",
+    "passwords_must_match": "Паролите не съвпадат",
-  "Not registered yet? <2>Create an account</2>": "Все още не сте регистрирани? <2>Създайте акаунт</2>",
+    "registering": "Регистриране…"
-  "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>",
+  },
-  "Password": "Парола",
+  "register_auth_links": "<0>Вече имате акаунт?</0><1><0>Влезте с него</0> или <2>Влезте като гост</2></1>",
-  "Passwords must match": "Паролите не съвпадат",
+  "register_confirm_password_label": "Потвърди паролата",
-  "Press and hold spacebar to talk": "Натиснете и задръжте Space за да говорите",
+  "return_home_button": "Връщане на началния екран",
-  "Press and hold spacebar to talk over {{name}}": "Натиснете и задръжте Space за да говорите заедно с {{name}}",
+  "room_auth_view_join_button": "Влез в разговора сега",
-  "Press and hold to talk": "Натиснете и задръжте за да говорите",
+  "screenshare_button_label": "Сподели екрана",
-  "Press and hold to talk over {{name}}": "Натиснете и задръжте за да говорите заедно с {{name}}",
+  "select_input_unset_button": "Изберете опция",
-  "Profile": "Профил",
+  "settings": {
-  "Recaptcha dismissed": "Recaptcha отхвърлена",
+    "developer_tab_title": "Разработчик",
-  "Recaptcha not loaded": "Recaptcha не е заредена",
+    "feedback_tab_h4": "Изпрати обратна връзка",
-  "Register": "Регистрация",
+    "feedback_tab_send_logs_label": "Включи debug логове",
-  "Registering…": "Регистриране…",
+    "more_tab_title": "Още",
-  "Release spacebar key to stop": "Отпуснете Space за да спрете",
+    "speaker_device_selection_label": "Говорител"
-  "Release to stop": "Отпуснете за да спрете",
+  },
-  "Remove": "Премахни",
+  "unauthenticated_view_body": "Все още не сте регистрирани? <2>Създайте акаунт</2>",
-  "Return to home screen": "Връщане на началния екран",
+  "unauthenticated_view_login_button": "Влезте в акаунта си",
-  "Select an option": "Изберете опция",
+  "version": "Версия: {{version}}",
-  "Send debug logs": "Изпратете debug логове",
+  "waiting_for_participants": "Изчакване на други участници…"
-  "Sending…": "Изпращане…",
-  "Settings": "Настройки",
-  "Share screen": "Сподели екрана",
-  "Show call inspector": "Покажи инспектора на разговора",
-  "Sign in": "Влез",
-  "Sign out": "Излез",
-  "Spatial audio": "Пространствен звук",
-  "Speaker": "Говорител",
-  "Speaker {{n}}": "Говорител {{n}}",
-  "Spotlight": "Прожектор",
-  "Stop sharing screen": "Спри споделянето на екрана",
-  "Submit feedback": "Изпрати обратна връзка",
-  "Take me Home": "Отиди в Начало",
-  "Talk over speaker": "Говорете заедно с говорителя",
-  "Talking…": "Говорене…",
-  "Thanks! We'll get right on it.": "Благодарим! Веднага ще се заемем.",
-  "This call already exists, would you like to join?": "Този разговор вече съществува, искате ли да се присъедините?",
-  "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 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 on camera": "Включи камерата",
-  "Unmute microphone": "Включи микрофона",
-  "User menu": "Потребителско меню",
-  "Username": "Потребителско име",
-  "Version: {{version}}": "Версия: {{version}}",
-  "Video": "Видео",
-  "Video call": "Видео разговор",
-  "Video call name": "Име на видео разговора",
-  "Waiting for network": "Изчакване на мрежата",
-  "Waiting for other participants…": "Изчакване на други участници…",
-  "Walkie-talkie call": "Уоки-токи разговор",
-  "Walkie-talkie call name": "Име на уоки-токи разговора",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не се поддържа или се блокира от браузъра.",
-  "Yes, join call": "Да, присъедини се",
-  "You can't talk at the same time": "Не можете да говорите едновременно",
-  "Your recent calls": "Скорошните ви разговори",
-  "{{count}} people connected|one": "{{count}} човек се свърза",
-  "{{count}} people connected|other": "{{count}} човека се звързаха",
-  "{{displayName}}, your call is now ended": "{{displayName}}, разговорът ви приключи",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "{{name}} is presenting": "{{name}} презентира",
-  "{{name}} is talking…": "{{name}} говори…",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - уоки-токи разговор"
 }

public/locales/cs/app.json

@@ -1,133 +1,82 @@
 {
-  "Copy and share this call link": "Zkopírujte a sdílejte odkaz na hovor",
+  "a11y": {
-  "Copied!": "Zkopírováno!",
+    "user_menu": "Uživatelské menu"
-  "Connection lost": "Připojení ztraceno",
+  },
-  "Confirm password": "Potvrdit heslo",
+  "action": {
-  "Close": "Zavřít",
+    "close": "Zavřít",
-  "Change layout": "Změnit rozložení",
+    "copy": "Kopírovat",
-  "Camera/microphone permissions needed to join the call.": "Oprávnění k přístupu ke kameře/mikrofonu jsou nutná pro připojení k hovoru.",
+    "go": "Pokračovat",
-  "Camera {{n}}": "Kamera {{n}}",
+    "no": "Ne",
-  "Camera": "Kamera",
+    "register": "Registrace",
-  "Call link copied": "Odkaz na hovor zkopírován",
+    "remove": "Odstranit",
-  "Avatar": "Avatar",
+    "sign_in": "Přihlásit se",
-  "Audio": "Audio",
+    "sign_out": "Odhlásit se"
-  "Accept microphone permissions to join the call.": "Povolte přístup k mikrofonu pro připojení k hovoru.",
+  },
-  "Accept camera/microphone permissions to join the call.": "Povolte přístup ke kameře/mikrofonu pro připojení do hovoru.",
+  "call_ended_view": {
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Vytvořit účet</0> Or <2>Jako host</2>",
+    "create_account_button": "Vytvořit účet",
-  "Your recent calls": "Vaše nedávné hovory",
+    "create_account_prompt": "<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>",
-  "You can't talk at the same time": "Teď nemůžete mluvit",
+    "not_now_button": "Teď ne, vrátit se na domovskou obrazovku"
-  "Yes, join call": "Ano, připojit se",
+  },
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC není podporováno nebo je zakázáno tímto prohlížečem.",
+  "common": {
-  "Waiting for other participants…": "Čekání na další účastníky…",
+    "camera": "Kamera",
-  "Waiting for network": "Čekání na připojení",
+    "copied": "Zkopírováno!",
-  "Video call name": "Jméno videohovoru",
+    "display_name": "Zobrazované jméno",
-  "Video call": "Videohovor",
+    "home": "Domov",
-  "Video": "Video",
+    "loading": "Načítání…",
-  "Version: {{version}}": "Verze: {{version}}",
+    "microphone": "Mikrofon",
-  "Username": "Uživatelské jméno",
+    "password": "Heslo",
-  "User menu": "Uživatelské menu",
+    "profile": "Profil",
-  "Unmute microphone": "Zapnout mikrofon",
+    "settings": "Nastavení",
-  "Turn on camera": "Zapnout kameru",
+    "username": "Uživatelské jméno"
-  "Turn off camera": "Vypnout kameru",
+  },
-  "This call already exists, would you like to join?": "Tento hovor již existuje, chcete se připojit?",
+  "exit_fullscreen_button_label": "Ukončit režim celé obrazovky",
-  "Thanks! We'll get right on it.": "Děkujeme! Hned se na to vrhneme.",
+  "full_screen_view_description": "<0>Odeslání ladících záznamů nám pomůže diagnostikovat problém.</0>",
-  "Take me Home": "Domovská obrazovka",
+  "full_screen_view_h1": "<0>Oops, něco se pokazilo.</0>",
-  "Submit feedback": "Dát feedback",
+  "fullscreen_button_label": "Zvětšit na celou obrazovku",
-  "Stop sharing screen": "Zastavit sdílení obrazovek",
+  "header_label": "Domov Element Call",
-  "Speaker {{n}}": "Reproduktor {{n}}",
+  "join_existing_call_modal": {
-  "Speaker": "Reproduktor",
+    "join_button": "Ano, připojit se",
-  "Spatial audio": "Prostorový zvuk",
+    "text": "Tento hovor již existuje, chcete se připojit?",
-  "Sign out": "Odhlásit se",
+    "title": "Připojit se k existujícimu hovoru?"
-  "Sign in": "Přihlásit se",
+  },
-  "Show call inspector": "Zobrazit inspektor hovoru",
+  "layout_spotlight_label": "Soustředěný mód",
-  "Share screen": "Sdílet obrazovku",
+  "lobby": {
-  "Settings": "Nastavení",
+    "join_button": "Připojit se k hovoru"
-  "Sending…": "Posílání…",
+  },
-  "Sending debug logs…": "Posílání ladícího záznamu…",
+  "local_volume_label": "Lokální hlasitost",
-  "Send debug logs": "Poslat ladící záznam",
+  "logging_in": "Přihlašování se…",
-  "Select an option": "Vyberte možnost",
+  "login_auth_links": "<0>Vytvořit účet</0> Or <2>Jako host</2>",
-  "Return to home screen": "Vrátit se na domácí obrazovku",
+  "login_title": "Přihlášení",
-  "Remove": "Odstranit",
+  "rageshake_request_modal": {
-  "Registering…": "Registrování…",
+    "body": "Jiný uživatel v tomto hovoru má problémy. Abychom mohli diagnostikovat problém, rádi bychom shromáždili protokoly ladění.",
-  "Register": "Registrace",
+    "title": "Žádost o protokoly ladění"
-  "Profile": "Profil",
+  },
-  "Press and hold to talk": "Stiskněte a držte pro mluvení",
+  "rageshake_send_logs": "Poslat ladící záznam",
-  "Press and hold spacebar to talk": "Stiskněte a držte mezerník pro mluvení",
+  "rageshake_sending": "Posílání…",
-  "Passwords must match": "Hesla se musí shodovat",
+  "rageshake_sending_logs": "Posílání ladícího záznamu…",
-  "Password": "Heslo",
+  "recaptcha_dismissed": "Recaptcha byla zamítnuta",
-  "Not now, return to home screen": "Teď ne, vrátit se na domovskou obrazovku",
+  "recaptcha_not_loaded": "Recaptcha se nenačetla",
-  "No": "Ne",
+  "register": {
-  "Mute microphone": "Ztlumit mikrofon",
+    "passwords_must_match": "Hesla se musí shodovat",
-  "More": "Více",
+    "registering": "Registrování…"
-  "Microphone permissions needed to join the call.": "Přístup k mikrofonu je nutný pro připojení se k hovoru.",
+  },
-  "Microphone {{n}}": "Mikrofon {{n}}",
+  "register_auth_links": "<0>Už máte účet?</0><1><0>Přihlásit se</0> Or <2>Jako host</2></1>",
-  "Microphone": "Mikrofon",
+  "register_confirm_password_label": "Potvrdit heslo",
-  "Login to your account": "Přihlásit se ke svůmu účtu",
+  "return_home_button": "Vrátit se na domácí obrazovku",
-  "Login": "Přihlášení",
+  "room_auth_view_join_button": "Připojit se k hovoru",
-  "Logging in…": "Přihlašování se…",
+  "screenshare_button_label": "Sdílet obrazovku",
-  "Local volume": "Lokální hlasitost",
+  "select_input_unset_button": "Vyberte možnost",
-  "Loading…": "Načítání…",
+  "settings": {
-  "Leave": "Opustit hovor",
+    "developer_settings_label": "Vývojářské nastavení",
-  "Join call now": "Připojit se k hovoru",
+    "developer_settings_label_description": "Zobrazit vývojářské nastavení.",
-  "Join call": "Připojit se k hovoru",
+    "developer_tab_title": "Vývojář",
-  "Invite people": "Pozvat lidi",
+    "feedback_tab_h4": "Dát feedback",
-  "Invite": "Pozvat",
+    "feedback_tab_send_logs_label": "Zahrnout ladící záznamy",
-  "Inspector": "Insepktor",
+    "more_tab_title": "Více",
-  "Incompatible versions!": "Nekompatibilní verze!",
+    "speaker_device_selection_label": "Reproduktor"
-  "Incompatible versions": "Nekompatibilní verze",
+  },
-  "{{name}} is talking…": "{{name}} mluví…",
+  "unauthenticated_view_body": "Nejste registrovaní? <2>Vytvořit účet</2>",
-  "{{name}} is presenting": "{{name}} prezentuje",
+  "unauthenticated_view_login_button": "Přihlásit se ke svému účtu",
-  "{{name}} (Connecting...)": "{{name}} (Připojení...)",
+  "version": "Verze: {{version}}",
-  "{{displayName}}, your call is now ended": "{{displayName}}, váš hovor je nyní ukončen",
+  "waiting_for_participants": "Čekání na další účastníky…"
-  "{{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,141 +1,148 @@
 {
-  "<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>",
+  "a11y": {
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Konto erstellen</0> Oder <2>Als Gast betreten</2>",
+    "user_menu": "Benutzermenü"
-  "<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.",
+  "action": {
-  "Accept microphone permissions to join the call.": "Erlaube Zugriff auf das Mikrofon um dem Anruf beizutreten.",
+    "close": "Schließen",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Ein anderer Benutzer dieses Anrufs hat ein Problem. Um es besser diagnostizieren zu können, würden wir gerne ein Debug-Protokoll erstellen.",
+    "copy": "Kopieren",
-  "Audio": "Audio",
+    "copy_link": "Link kopieren",
-  "Avatar": "Avatar",
+    "go": "Los geht’s",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Wenn du auf „Los geht’s“ klickst, akzeptierst du unsere <2>Geschäftsbedingungen</2>",
+    "invite": "Einladen",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Wenn du auf „Anruf beitreten“ klickst, akzeptierst du unsere <2>Geschäftsbedingungen</2>",
+    "no": "Nein",
-  "Call link copied": "Anruflink kopiert",
+    "register": "Registrieren",
-  "Call type menu": "Anruftyp Menü",
+    "remove": "Entfernen",
-  "Camera": "Kamera",
+    "sign_in": "Anmelden",
-  "Camera {{n}}": "Kamera {{n}}",
+    "sign_out": "Abmelden",
-  "Camera/microphone permissions needed to join the call.": "Für die Teilnahme am Anruf sind Kamera- und Mikrofonberechtigungen erforderlich.",
+    "submit": "Absenden"
-  "Change layout": "Layout ändern",
+  },
-  "Close": "Schließen",
+  "analytics_notice": "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>.",
-  "Confirm password": "Passwort bestätigen",
+  "app_selection_modal": {
-  "Connection lost": "Verbindung verloren",
+    "continue_in_browser": "Weiter im Browser",
-  "Copied!": "Kopiert!",
+    "open_in_app": "In der App öffnen",
-  "Copy and share this call link": "Kopiere und teile diesen Anruflink",
+    "text": "Bereit, beizutreten?",
-  "Create account": "Konto erstellen",
+    "title": "App auswählen"
-  "Debug log": "Debug-Protokoll",
+  },
-  "Debug log request": "Debug-Log Anfrage",
+  "application_opened_another_tab": "Diese Anwendung wurde in einem anderen Tab geöffnet.",
-  "Details": "Details",
+  "browser_media_e2ee_unsupported": "Dein Webbrowser unterstützt keine Medien-Ende-zu-Ende-Verschlüsselung. Unterstützte Browser sind Chrome, Safari, Firefox >=117",
-  "Developer": "Entwickler",
+  "browser_media_e2ee_unsupported_heading": "Inkompatibler Browser",
-  "Display name": "Anzeigename",
+  "call_ended_view": {
-  "Download debug logs": "Debug-Protokolle herunterladen",
+    "body": "Deine Verbindung wurde getrennt",
-  "Exit full screen": "Vollbildmodus verlassen",
+    "create_account_button": "Konto erstellen",
-  "Freedom": "Freiraum",
+    "create_account_prompt": "<0>Warum vergibst du nicht abschließend ein Passwort, um dein Konto zu erhalten?</0><1>Du kannst deinen Namen behalten und ein Profilbild für zukünftige Anrufe festlegen.</1>",
-  "Full screen": "Vollbild",
+    "feedback_done": "<0>Danke für deine Rückmeldung!</0>",
-  "Go": "Los geht’s",
+    "feedback_prompt": "<0>Wir würden uns freuen, deine Rückmeldung zu hören, um deine Erfahrung verbessern zu können.</0>",
-  "Grid layout menu": "Grid-Layout-Menü",
+    "headline": "{{displayName}}, dein Anruf wurde beendet.",
-  "Home": "Startseite",
+    "not_now_button": "Nicht jetzt, zurück zur Startseite",
-  "Include debug logs": "Debug-Protokolle einschließen",
+    "reconnect_button": "Erneut verbinden",
-  "Incompatible versions": "Inkompatible Versionen",
+    "survey_prompt": "Wie ist es gelaufen?"
-  "Incompatible versions!": "Inkompatible Versionen!",
+  },
-  "Inspector": "Inspektor",
+  "call_name": "Name des Anrufs",
-  "Invite": "Einladen",
+  "common": {
-  "Invite people": "Personen einladen",
+    "audio": "Audio",
-  "Join call": "Anruf beitreten",
+    "avatar": "Profilbild",
-  "Join call now": "Anruf beitreten",
+    "camera": "Kamera",
-  "Join existing call?": "An bestehendem Anruf teilnehmen?",
+    "copied": "Kopiert!",
-  "Leave": "Verlassen",
+    "display_name": "Anzeigename",
-  "Loading…": "Lade …",
+    "encrypted": "Verschlüsselt",
-  "Local volume": "Lokale Lautstärke",
+    "error": "Fehler",
-  "Logging in…": "Anmelden …",
+    "home": "Startseite",
-  "Login": "Anmelden",
+    "loading": "Lade …",
-  "Login to your account": "Melde dich mit deinem Konto an",
+    "microphone": "Mikrofon",
-  "Microphone": "Mikrofon",
+    "password": "Passwort",
-  "Microphone permissions needed to join the call.": "Mikrofon-Berechtigung ist erforderlich, um dem Anruf beizutreten.",
+    "profile": "Profil",
-  "Microphone {{n}}": "Mikrofon {{n}}",
+    "settings": "Einstellungen",
-  "More": "Mehr",
+    "unencrypted": "Nicht verschlüsselt",
-  "Mute microphone": "Mikrofon stummschalten",
+    "username": "Benutzername",
-  "No": "Nein",
+    "video": "Video"
-  "Not now, return to home screen": "Nicht jetzt, zurück zum Startbildschirm",
+  },
-  "Not registered yet? <2>Create an account</2>": "Noch nicht registriert? <2>Konto erstellen</2>",
+  "disconnected_banner": "Die Verbindung zum Server wurde getrennt.",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Andere Benutzer versuchen, diesem Aufruf von einer inkompatiblen Softwareversion aus beizutreten. Diese Benutzer sollten ihre Web-Browser Seite neu laden:<1>{userLis}</1>",
+  "exit_fullscreen_button_label": "Vollbildmodus verlassen",
-  "Password": "Passwort",
+  "full_screen_view_description": "<0>Übermittelte Problemberichte helfen uns, Fehler zu beheben.</0>",
-  "Passwords must match": "Passwörter müssen übereinstimmen",
+  "full_screen_view_h1": "<0>Hoppla, etwas ist schiefgelaufen.</0>",
-  "Press and hold spacebar to talk": "Halte zum Sprechen die Leertaste gedrückt",
+  "fullscreen_button_label": "Vollbild",
-  "Press and hold spacebar to talk over {{name}}": "Zum Verdrängen von {{name}} und Sprechen die Leertaste gedrückt halten",
+  "group_call_loader_failed_heading": "Anruf nicht gefunden",
-  "Press and hold to talk": "Zum Sprechen gedrückt halten",
+  "group_call_loader_failed_text": "Anrufe sind nun Ende-zu-Ende-verschlüsselt und müssen auf der Startseite erstellt werden. Damit stellen wir sicher, dass alle denselben Schlüssel verwenden.",
-  "Press and hold to talk over {{name}}": "Zum Verdrängen von {{name}} und Sprechen gedrückt halten",
+  "hangup_button_label": "Anruf beenden",
-  "Profile": "Profil",
+  "header_label": "Element Call-Startseite",
-  "Recaptcha dismissed": "Recaptcha abgelehnt",
+  "header_participants_label": "Teilnehmende",
-  "Recaptcha not loaded": "Recaptcha nicht geladen",
+  "invite_modal": {
-  "Register": "Registrieren",
+    "link_copied_toast": "Link in Zwischenablage kopiert",
-  "Registering…": "Registrierung …",
+    "title": "Zu diesem Anruf einladen"
-  "Release spacebar key to stop": "Leertaste loslassen, um zu stoppen",
+  },
-  "Release to stop": "Loslassen zum Stoppen",
+  "join_existing_call_modal": {
-  "Remove": "Entfernen",
+    "join_button": "Ja, Anruf beitreten",
-  "Return to home screen": "Zurück zum Startbildschirm",
+    "text": "Dieser Aufruf existiert bereits, möchtest Du teilnehmen?",
-  "Select an option": "Wähle eine Option",
+    "title": "An bestehendem Anruf teilnehmen?"
-  "Send debug logs": "Debug-Logs senden",
+  },
-  "Sending…": "Senden …",
+  "layout_grid_label": "Raster",
-  "Settings": "Einstellungen",
+  "layout_spotlight_label": "Rampenlicht",
-  "Share screen": "Bildschirm teilen",
+  "lobby": {
-  "Show call inspector": "Anrufinspektor anzeigen",
+    "join_button": "Anruf beitreten",
-  "Sign in": "Anmelden",
+    "leave_button": "Zurück zu kürzlichen Anrufen"
-  "Sign out": "Abmelden",
+  },
-  "Spatial audio": "Räumliche Audiowiedergabe",
+  "local_volume_label": "Lokale Lautstärke",
-  "Speaker": "Wiedergabegerät",
+  "log_in": "Anmelden",
-  "Speaker {{n}}": "Wiedergabegerät {{n}}",
+  "logging_in": "Anmelden …",
-  "Spotlight": "Rampenlicht",
+  "login_auth_links": "<0>Konto erstellen</0> Oder <2>Als Gast betreten</2>",
-  "Stop sharing screen": "Beenden der Bildschirmfreigabe",
+  "login_auth_links_prompt": "Noch nicht registriert?",
-  "Submit feedback": "Rückmeldung geben",
+  "login_subheading": "Weiter zu Element",
-  "Take me Home": "Zurück zur Startseite",
+  "login_title": "Anmelden",
-  "Talk over speaker": "Aktiven Sprecher verdrängen und sprechen",
+  "microphone_off": "Mikrofon aus",
-  "Talking…": "Sprechen …",
+  "microphone_on": "Mikrofon an",
-  "Thanks! We'll get right on it.": "Vielen Dank! Wir werden uns sofort darum kümmern.",
+  "mute_microphone_button_label": "Mikrofon deaktivieren",
-  "This call already exists, would you like to join?": "Dieser Aufruf existiert bereits, möchtest Du teilnehmen?",
+  "rageshake_button_error_caption": "Protokolle erneut senden",
-  "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>": "Diese Website wird durch ReCAPTCHA geschützt und es gelten die <2>Datenschutzerklärung</2> und <6>Nutzungsbedingungen</6> von Google.<9></9>Indem Du auf „Registrieren“ klickst, stimmst du unseren <12>Geschäftsbedingungen</12> zu",
+  "rageshake_request_modal": {
-  "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.)": "Dies wird die Audiowiedergabe eines Sprechers wirken lassen, als käme sie von der Stelle des zugehörigen Videobildes. (Experimentelle Funktion: Dies könnte die Stabilität der Audiowiedergabe beeinträchtigen.)",
+    "body": "Ein anderer Benutzer dieses Anrufs hat ein Problem. Um es besser diagnostizieren zu können, würden wir gerne ein Debug-Protokoll erstellen.",
-  "Turn off camera": "Kamera ausschalten",
+    "title": "Debug-Log Anfrage"
-  "Turn on camera": "Kamera einschalten",
+  },
-  "Unmute microphone": "Mikrofon aktivieren",
+  "rageshake_send_logs": "Debug-Logs senden",
-  "User menu": "Benutzermenü",
+  "rageshake_sending": "Senden …",
-  "Username": "Benutzername",
+  "rageshake_sending_logs": "Sende Debug-Protokolle …",
-  "Version: {{version}}": "Version: {{version}}",
+  "rageshake_sent": "Danke!",
-  "Video": "Video",
+  "recaptcha_caption": "Diese Seite wird durch reCAPTCHA geschützt und es gelten Googles <2>Datenschutzerklärung</2> und <6>Nutzungsbedingungen</6>. <9></9>Mit einem Klick auf „Registrieren“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
-  "Video call": "Videoanruf",
+  "recaptcha_dismissed": "Recaptcha abgelehnt",
-  "Video call name": "Name des Videoanrufs",
+  "recaptcha_not_loaded": "Recaptcha nicht geladen",
-  "Waiting for network": "Warte auf Netzwerk",
+  "register": {
-  "Waiting for other participants…": "Warte auf weitere Teilnehmer …",
+    "passwords_must_match": "Passwörter müssen übereinstimmen",
-  "Walkie-talkie call": "Walkie-Talkie-Anruf",
+    "registering": "Registrierung …"
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC wird in diesem Browser nicht unterstützt oder ist blockiert.",
+  },
-  "Yes, join call": "Ja, Anruf beitreten",
+  "register_auth_links": "<0>Du hast bereits ein Konto?</0><1><0>Anmelden</0> Oder <2>Als Gast betreten</2></1>",
-  "You can't talk at the same time": "Du kannst nicht gleichzeitig sprechen",
+  "register_confirm_password_label": "Passwort bestätigen",
-  "Your recent calls": "Deine letzten Anrufe",
+  "return_home_button": "Zurück zur Startseite",
-  "{{count}} people connected|one": "{{count}} Person verbunden",
+  "room_auth_view_eula_caption": "Mit einem Klick auf „Anruf beitreten“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
-  "{{count}} people connected|other": "{{count}} Personen verbunden",
+  "room_auth_view_join_button": "Anruf beitreten",
-  "{{displayName}}, your call is now ended": "{{displayName}}, dein Anruf wurde beendet",
+  "screenshare_button_label": "Bildschirm teilen",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "select_input_unset_button": "Wähle eine Option",
-  "{{name}} is presenting": "{{name}} präsentiert",
+  "settings": {
-  "{{name}} is talking…": "{{name}} spricht …",
+    "developer_settings_label": "Entwicklereinstellungen",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} – Walkie-Talkie-Anruf",
+    "developer_settings_label_description": "Zeige die Entwicklereinstellungen im Einstellungsfenster.",
-  "Fetching group call timed out.": "Zeitüberschreitung beim Abrufen des Gruppenanrufs.",
+    "developer_tab_title": "Entwickler",
-  "Walkie-talkie call name": "Name des Walkie-Talkie-Anrufs",
+    "feedback_tab_body": "Falls du auf Probleme stößt oder einfach nur eine Rückmeldung geben möchtest, sende uns bitte eine kurze Beschreibung.",
-  "Sending debug logs…": "Sende Debug-Protokolle …",
+    "feedback_tab_description_label": "Deine Rückmeldung",
-  "<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>",
+    "feedback_tab_h4": "Rückmeldung geben",
-  "{{name}} (Connecting...)": "{{name}} (verbindet sich …)",
+    "feedback_tab_send_logs_label": "Debug-Protokolle einschließen",
-  "Copy": "Kopieren",
+    "feedback_tab_thank_you": "Danke, wir haben deine Rückmeldung erhalten!",
-  "Element Call Home": "Element Call-Startseite",
+    "feedback_tab_title": "Rückmeldung",
-  "{{name}} (Waiting for video...)": "{{name}} (Warte auf Video …)",
+    "more_tab_title": "Mehr",
-  "This feature is only supported on Firefox.": "Diese Funktion wird nur in Firefox unterstützt.",
+    "opt_in_description": "<0></0><1></1>Du kannst deine Zustimmung durch Abwählen dieses Kästchens zurückziehen. Falls du dich aktuell in einem Anruf befindest, wird diese Einstellung nach dem Ende des Anrufs wirksam.",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Übermittelte Problemberichte helfen uns, Fehler zu beheben.</0>",
+    "show_connection_stats_label": "Verbindungsstatistiken zeigen",
-  "<0>Oops, something's gone wrong.</0>": "<0>Hoppla, etwas ist schiefgelaufen.</0>",
+    "speaker_device_selection_label": "Wiedergabegerät"
-  "Use the upcoming grid system": "Nutze das kommende Rastersystem",
+  },
-  "Expose developer settings in the settings window.": "Zeige die Entwicklereinstellungen im Einstellungsfenster.",
+  "star_rating_input_label_one": "{{count}} Stern",
-  "Developer Settings": "Entwicklereinstellungen",
+  "star_rating_input_label_other": "{{count}} Sterne",
-  "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>.",
+  "start_new_call": "Neuen Anruf beginnen",
-  "<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.",
+  "start_video_button_label": "Video aktivieren",
-  "Feedback": "Rückmeldung",
+  "stop_screenshare_button_label": "Bildschirm wird geteilt",
-  "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.",
+  "stop_video_button_label": "Video deaktivieren",
-  "Your feedback": "Deine Rückmeldung",
+  "submitting": "Sende …",
-  "Thanks, we received your feedback!": "Danke, wir haben deine Rückmeldung erhalten!",
+  "unauthenticated_view_body": "Noch nicht registriert? <2>Konto erstellen</2>",
-  "Submitting…": "Sende …",
+  "unauthenticated_view_eula_caption": "Mit einem Klick auf „Los geht’s“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
-  "Submit": "Absenden"
+  "unauthenticated_view_login_button": "Melde dich mit deinem Konto an",
+  "unmute_microphone_button_label": "Mikrofon aktivieren",
+  "version": "Version: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} präsentiert",
+    "sfu_participant_local": "Du"
+  },
+  "waiting_for_participants": "Warte auf weitere Teilnehmer …"
 }

public/locales/el/app.json

@@ -1,96 +1,101 @@
 {
-  "You can't talk at the same time": "Δεν μπορείς να μιλάς ταυτόχρονα",
+  "a11y": {
-  "Version: {{version}}": "Έκδοση: {{version}}",
+    "user_menu": "Μενού χρήστη"
-  "User menu": "Μενού χρήστη",
+  },
-  "Submit feedback": "Υποβάλετε σχόλια",
+  "action": {
-  "Stop sharing screen": "Διακοπή κοινής χρήσης οθόνης",
+    "close": "Κλείσιμο",
-  "Sign in": "Σύνδεση",
+    "copy": "Αντιγραφή",
-  "Show call inspector": "Εμφάνιση του επιθεωρητή κλήσης",
+    "go": "Μετάβαση",
-  "Share screen": "Κοινή χρήση οθόνης",
+    "no": "Όχι",
-  "Sending…": "Αποστολή…",
+    "register": "Εγγραφή",
-  "Select an option": "Επιλέξτε μια επιλογή",
+    "remove": "Αφαίρεση",
-  "Remove": "Αφαίρεση",
+    "sign_in": "Σύνδεση",
-  "Registering…": "Εγγραφή…",
+    "sign_out": "Αποσύνδεση",
-  "Press and hold to talk": "Πατήστε παρατεταμένα για να μιλήσετε",
+    "submit": "Υποβολή"
-  "Not registered yet? <2>Create an account</2>": "Δεν έχετε εγγραφεί ακόμα; <2>Δημιουργήστε λογαριασμό</2>",
+  },
-  "Login to your account": "Συνδεθείτε στο λογαριασμό σας",
+  "analytics_notice": "Συμμετέχοντας σε αυτή τη δοκιμαστική έκδοση, συναινείτε στη συλλογή ανώνυμων δεδομένων, τα οποία χρησιμοποιούμε για τη βελτίωση του προϊόντος. Μπορείτε να βρείτε περισσότερες πληροφορίες σχετικά με το ποια δεδομένα καταγράφουμε στην <2>Πολιτική απορρήτου</2> και στην <5>Πολιτική cookies</5>.",
-  "Logging in…": "Σύνδεση…",
+  "call_ended_view": {
-  "Invite people": "Προσκαλέστε άτομα",
+    "create_account_button": "Δημιουργία λογαριασμού",
-  "Invite": "Πρόσκληση",
+    "create_account_prompt": "<0>Γιατί να μην ολοκληρώσετε με τη δημιουργία ενός κωδικού πρόσβασης για τη διατήρηση του λογαριασμού σας;</0><1>Θα μπορείτε να διατηρήσετε το όνομά σας και να ορίσετε ένα avatar για χρήση σε μελλοντικές κλήσεις.</1>",
-  "Inspector": "Επιθεωρητής",
+    "feedback_done": "<0>Ευχαριστώ για τα σχόλιά σας!</0>",
-  "Incompatible versions!": "Μη συμβατές εκδόσεις!",
+    "feedback_prompt": "<0>Θα θέλαμε να ακούσουμε τα σχόλιά σας ώστε να βελτιώσουμε την εμπειρία σας.</0>",
-  "Incompatible versions": "Μη συμβατές εκδόσεις",
+    "headline": "{{displayName}}, η κλήση σας τερματίστηκε.",
-  "Display name": "Εμφανιζόμενο όνομα",
+    "not_now_button": "Όχι τώρα, επιστροφή στην αρχική οθόνη",
-  "Developer Settings": "Ρυθμίσεις προγραμματιστή",
+    "survey_prompt": "Πώς σας φάνηκε;"
-  "Debug log request": "Αίτημα αρχείου καταγραφής",
+  },
-  "Call link copied": "Ο σύνδεσμος κλήσης αντιγράφηκε",
+  "common": {
-  "Avatar": "Avatar",
+    "audio": "Ήχος",
-  "Accept microphone permissions to join the call.": "Αποδεχτείτε τα δικαιώματα μικροφώνου για να συμμετάσχετε στην κλήση.",
+    "camera": "Κάμερα",
-  "Accept camera/microphone permissions to join the call.": "Αποδεχτείτε τα δικαιώματα κάμερας/μικροφώνου για να συμμετάσχετε στην κλήση.",
+    "copied": "Αντιγράφηκε!",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ωχ, κάτι πήγε στραβά.</0>",
+    "display_name": "Εμφανιζόμενο όνομα",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Δημιουργήστε λογαριασμό</0> Ή <2>Συμμετέχετε ως επισκέπτης</2>",
+    "home": "Αρχική",
-  "<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>",
+    "loading": "Φόρτωση…",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Κλήση walkie-talkie",
+    "microphone": "Μικρόφωνο",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "password": "Κωδικός",
-  "Your recent calls": "Οι πρόσφατες κλήσεις σας",
+    "profile": "Προφίλ",
-  "Yes, join call": "Ναι, συμμετοχή στην κλήση",
+    "settings": "Ρυθμίσεις",
-  "WebRTC is not supported or is being blocked in this browser.": "Το WebRTC δεν υποστηρίζεται ή έχει αποκλειστεί σε αυτό το πρόγραμμα περιήγησης.",
+    "username": "Όνομα χρήστη",
-  "Walkie-talkie call name": "Όνομα κλήσης walkie-talkie",
+    "video": "Βίντεο"
-  "Walkie-talkie call": "Κλήση walkie-talkie",
+  },
-  "Waiting for other participants…": "Αναμονή για άλλους συμμετέχοντες…",
+  "exit_fullscreen_button_label": "Έξοδος από πλήρη οθόνη",
-  "Waiting for network": "Αναμονή για δίκτυο",
+  "full_screen_view_description": "<0>Η υποβολή αρχείων καταγραφής σφαλμάτων θα μας βοηθήσει να εντοπίσουμε το πρόβλημα.</0>",
-  "Video call name": "Όνομα βίντεο κλήσης",
+  "full_screen_view_h1": "<0>Ωχ, κάτι πήγε στραβά.</0>",
-  "Video call": "Βίντεο κλήση",
+  "fullscreen_button_label": "Πλήρη οθόνη",
-  "Video": "Βίντεο",
+  "header_label": "Element Κεντρική Οθόνη Κλήσεων",
-  "Username": "Όνομα χρήστη",
+  "join_existing_call_modal": {
-  "Turn on camera": "Ενεργοποιήστε την κάμερα",
+    "join_button": "Ναι, συμμετοχή στην κλήση",
-  "Turn off camera": "Απενεργοποιήστε την κάμερα",
+    "text": "Αυτή η κλήση υπάρχει ήδη, θα θέλατε να συμμετάσχετε;",
-  "This feature is only supported on Firefox.": "Αυτή η δυνατότητα υποστηρίζεται μόνο στον Firefox.",
+    "title": "Συμμετοχή στην υπάρχουσα κλήση;"
-  "This call already exists, would you like to join?": "Αυτή η κλήση υπάρχει ήδη, θα θέλατε να συμμετάσχετε;",
+  },
-  "Speaker": "Ηχείο",
+  "lobby": {
-  "Spatial audio": "Χωρικός ήχος",
+    "join_button": "Συμμετοχή στην κλήση"
-  "Sign out": "Αποσύνδεση",
+  },
-  "Settings": "Ρυθμίσεις",
+  "local_volume_label": "Τοπική ένταση",
-  "Return to home screen": "Επιστροφή στην αρχική οθόνη",
+  "logging_in": "Σύνδεση…",
-  "Register": "Εγγραφή",
+  "login_auth_links": "<0>Δημιουργήστε λογαριασμό</0> Ή <2>Συμμετέχετε ως επισκέπτης</2>",
-  "Profile": "Προφίλ",
+  "login_title": "Σύνδεση",
-  "Press and hold spacebar to talk": "Για να μιλήσετε κρατήστε πατημένο το πλήκτρο διαστήματος",
+  "rageshake_request_modal": {
-  "Passwords must match": "Οι κωδικοί πρέπει να ταιριάζουν",
+    "body": "Ένας άλλος χρήστης σε αυτή την κλήση έχει ένα πρόβλημα. Για την καλύτερη διάγνωση αυτών των προβλημάτων θα θέλαμε να συλλέξουμε ένα αρχείο καταγραφής σφαλμάτων.",
-  "Password": "Κωδικός",
+    "title": "Αίτημα αρχείου καταγραφής"
-  "Not now, return to home screen": "Όχι τώρα, επιστροφή στην αρχική οθόνη",
+  },
-  "No": "Όχι",
+  "rageshake_send_logs": "Αποστολή αρχείων καταγραφής",
-  "Mute microphone": "Σίγαση μικροφώνου",
+  "rageshake_sending": "Αποστολή…",
-  "More": "Περισσότερα",
+  "rageshake_sending_logs": "Αποστολή αρχείων καταγραφής…",
-  "Microphone permissions needed to join the call.": "Απαιτούνται δικαιώματα μικροφώνου για συμμετοχή στην κλήση.",
+  "recaptcha_dismissed": "Το recaptcha απορρίφθηκε",
-  "Microphone {{n}}": "Μικρόφωνο {{n}}",
+  "recaptcha_not_loaded": "Το Recaptcha δεν φορτώθηκε",
-  "Microphone": "Μικρόφωνο",
+  "register": {
-  "Login": "Σύνδεση",
+    "passwords_must_match": "Οι κωδικοί πρέπει να ταιριάζουν",
-  "Loading…": "Φόρτωση…",
+    "registering": "Εγγραφή…"
-  "Leave": "Αποχώρηση",
+  },
-  "Join existing call?": "Συμμετοχή στην υπάρχουσα κλήση;",
+  "register_auth_links": "<0>Έχετε ήδη λογαριασμό;</0><1><0>Συνδεθείτε</0> Ή <2>Συμμετέχετε ως επισκέπτης</2></1>",
-  "Join call now": "Συμμετοχή στην κλήση τώρα",
+  "register_confirm_password_label": "Επιβεβαίωση κωδικού",
-  "Join call": "Συμμετοχή στην κλήση",
+  "return_home_button": "Επιστροφή στην αρχική οθόνη",
-  "Go": "Μετάβαση",
+  "room_auth_view_join_button": "Συμμετοχή στην κλήση τώρα",
-  "Full screen": "Πλήρη οθόνη",
+  "screenshare_button_label": "Κοινή χρήση οθόνης",
-  "Exit full screen": "Έξοδος από πλήρη οθόνη",
+  "select_input_unset_button": "Επιλέξτε μια επιλογή",
-  "Details": "Λεπτομέρειες",
+  "settings": {
-  "Create account": "Δημιουργία λογαριασμού",
+    "developer_settings_label": "Ρυθμίσεις προγραμματιστή",
-  "Copy and share this call link": "Αντιγράψτε και μοιραστείτε αυτόν τον σύνδεσμο κλήσης",
+    "developer_settings_label_description": "Εμφάνιση ρυθμίσεων προγραμματιστή στο παράθυρο ρυθμίσεων.",
-  "Copy": "Αντιγραφή",
+    "developer_tab_title": "Προγραμματιστής",
-  "Copied!": "Αντιγράφηκε!",
+    "feedback_tab_body": "Εάν αντιμετωπίζετε προβλήματα ή απλά θέλετε να μας δώσετε κάποια σχόλια, παρακαλούμε στείλτε μας μια σύντομη περιγραφή παρακάτω.",
-  "Connection lost": "Η σύνδεση χάθηκε",
+    "feedback_tab_description_label": "Τα σχόλιά σας",
-  "Confirm password": "Επιβεβαίωση κωδικού",
+    "feedback_tab_h4": "Υποβάλετε σχόλια",
-  "Close": "Κλείσιμο",
+    "feedback_tab_send_logs_label": "Να συμπεριληφθούν αρχεία καταγραφής",
-  "Change layout": "Αλλαγή διάταξης",
+    "feedback_tab_thank_you": "Ευχαριστούμε, λάβαμε τα σχόλιά σας!",
-  "Camera/microphone permissions needed to join the call.": "Απαιτούνται δικαιώματα κάμερας/μικροφώνου για να συμμετάσχετε στην κλήση.",
+    "feedback_tab_title": "Ανατροφοδότηση",
-  "Camera {{n}}": "Κάμερα {{n}}",
+    "more_tab_title": "Περισσότερα",
-  "Camera": "Κάμερα",
+    "opt_in_description": "<0></0><1></1>Μπορείτε να ανακαλέσετε τη συγκατάθεσή σας αποεπιλέγοντας αυτό το πλαίσιο. Εάν βρίσκεστε σε κλήση, η ρύθμιση αυτή θα τεθεί σε ισχύ στο τέλος της.",
-  "Audio": "Ήχος",
+    "show_connection_stats_label": "Εμφάνιση στατιστικών σύνδεσης",
-  "{{name}} is talking…": "{{name}} ομιλεί…",
+    "speaker_device_selection_label": "Ηχείο"
-  "{{name}} is presenting": "{{name}} παρουσιάζει",
+  },
-  "{{name}} (Waiting for video...)": "{{name}} (Αναμονή για βίντεο...)",
+  "star_rating_input_label_one": "{{count}} αστέρι",
-  "{{name}} (Connecting...)": "{{name}} (Συνδέεται...)",
+  "star_rating_input_label_other": "{{count}} αστέρια",
-  "{{displayName}}, your call is now ended": "{{displayName}}, η κλήση σας τερματίστηκε",
+  "submitting": "Υποβολή…",
-  "{{count}} people connected|other": "{{count}} άτομα συνδεδεμένα",
+  "unauthenticated_view_body": "Δεν έχετε εγγραφεί ακόμα; <2>Δημιουργήστε λογαριασμό</2>",
-  "{{count}} people connected|one": "{{count}} άτομο συνδεδεμένο"
+  "unauthenticated_view_login_button": "Συνδεθείτε στον λογαριασμό σας",
+  "version": "Έκδοση: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} παρουσιάζει"
+  },
+  "waiting_for_participants": "Αναμονή για άλλους συμμετέχοντες…"
 }

public/locales/en-GB/app.json

@@ -1,146 +1,152 @@
 {
-  "{{count}} people connected|one": "{{count}} person connected",
+  "a11y": {
-  "{{count}} people connected|other": "{{count}} people connected",
+    "user_menu": "User menu"
-  "{{count}} stars|one": "{{count}} star",
+  },
-  "{{count}} stars|other": "{{count}} stars",
+  "action": {
-  "{{displayName}}, your call has ended.": "{{displayName}}, your call has ended.",
+    "close": "Close",
-  "{{name}} (Connecting...)": "{{name}} (Connecting...)",
+    "copy": "Copy",
-  "{{name}} (Waiting for video...)": "{{name}} (Waiting for video...)",
+    "copy_link": "Copy link",
-  "{{name}} is presenting": "{{name}} is presenting",
+    "go": "Go",
-  "{{name}} is talking…": "{{name}} is talking…",
+    "invite": "Invite",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "no": "No",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Walkie-talkie call",
+    "register": "Register",
-  "<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.",
+    "remove": "Remove",
-  "<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>",
+    "sign_in": "Sign in",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Create an account</0> Or <2>Access as a guest</2>",
+    "sign_out": "Sign out",
-  "<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>",
+    "submit": "Submit"
-  "<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>",
+  "analytics_notice": "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>.",
-  "<0>Thanks for your feedback!</0>": "<0>Thanks for your feedback!</0>",
+  "app_selection_modal": {
-  "<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>",
+    "continue_in_browser": "Continue in browser",
-  "<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>",
+    "open_in_app": "Open in the app",
-  "Accept camera/microphone permissions to join the call.": "Accept camera/microphone permissions to join the call.",
+    "text": "Ready to join?",
-  "Accept microphone permissions to join the call.": "Accept microphone permissions to join the call.",
+    "title": "Select app"
-  "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.",
+  },
-  "Audio": "Audio",
+  "application_opened_another_tab": "This application has been opened in another tab.",
-  "Avatar": "Avatar",
+  "browser_media_e2ee_unsupported": "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "By clicking \"Go\", you agree to our <2>Terms and conditions</2>",
+  "browser_media_e2ee_unsupported_heading": "Incompatible Browser",
-  "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>",
+  "call_ended_view": {
-  "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>.",
+    "body": "You were disconnected from the call",
-  "Call link copied": "Call link copied",
+    "create_account_button": "Create account",
-  "Call type menu": "Call type menu",
+    "create_account_prompt": "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>",
-  "Camera": "Camera",
+    "feedback_done": "<0>Thanks for your feedback!</0>",
-  "Camera {{n}}": "Camera {{n}}",
+    "feedback_prompt": "<0>We'd love to hear your feedback so we can improve your experience.</0>",
-  "Camera/microphone permissions needed to join the call.": "Camera/microphone permissions needed to join the call.",
+    "headline": "{{displayName}}, your call has ended.",
-  "Change layout": "Change layout",
+    "not_now_button": "Not now, return to home screen",
-  "Close": "Close",
+    "reconnect_button": "Reconnect",
-  "Confirm password": "Confirm password",
+    "survey_prompt": "How did it go?"
-  "Connection lost": "Connection lost",
+  },
-  "Copied!": "Copied!",
+  "call_name": "Name of call",
-  "Copy": "Copy",
+  "common": {
-  "Copy and share this call link": "Copy and share this call link",
+    "analytics": "Analytics",
-  "Create account": "Create account",
+    "audio": "Audio",
-  "Debug log": "Debug log",
+    "avatar": "Avatar",
-  "Debug log request": "Debug log request",
+    "camera": "Camera",
-  "Details": "Details",
+    "copied": "Copied!",
-  "Developer": "Developer",
+    "display_name": "Display name",
-  "Developer Settings": "Developer Settings",
+    "encrypted": "Encrypted",
-  "Display name": "Display name",
+    "error": "Error",
-  "Download debug logs": "Download debug logs",
+    "home": "Home",
-  "Element Call Home": "Element Call Home",
+    "loading": "Loading…",
-  "Exit full screen": "Exit full screen",
+    "microphone": "Microphone",
-  "Expose developer settings in the settings window.": "Expose developer settings in the settings window.",
+    "password": "Password",
-  "Feedback": "Feedback",
+    "profile": "Profile",
-  "Fetching group call timed out.": "Fetching group call timed out.",
+    "settings": "Settings",
-  "Freedom": "Freedom",
+    "unencrypted": "Not encrypted",
-  "Full screen": "Full screen",
+    "username": "Username",
-  "Go": "Go",
+    "video": "Video"
-  "Grid layout menu": "Grid layout menu",
+  },
-  "Home": "Home",
+  "disconnected_banner": "Connectivity to the server has been lost.",
-  "How did it go?": "How did it go?",
+  "exit_fullscreen_button_label": "Exit full screen",
-  "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.",
+  "full_screen_view_description": "<0>Submitting debug logs will help us track down the problem.</0>",
-  "Include debug logs": "Include debug logs",
+  "full_screen_view_h1": "<0>Oops, something's gone wrong.</0>",
-  "Incompatible versions": "Incompatible versions",
+  "fullscreen_button_label": "Full screen",
-  "Incompatible versions!": "Incompatible versions!",
+  "group_call_loader_failed_heading": "Call not found",
-  "Inspector": "Inspector",
+  "group_call_loader_failed_text": "Calls are now end-to-end encrypted and need to be created from the home page. This helps make sure everyone's using the same encryption key.",
-  "Invite": "Invite",
+  "hangup_button_label": "End call",
-  "Invite people": "Invite people",
+  "header_label": "Element Call Home",
-  "Join call": "Join call",
+  "header_participants_label": "Participants",
-  "Join call now": "Join call now",
+  "invite_modal": {
-  "Join existing call?": "Join existing call?",
+    "link_copied_toast": "Link copied to clipboard",
-  "Leave": "Leave",
+    "title": "Invite to this call"
-  "Loading…": "Loading…",
+  },
-  "Local volume": "Local volume",
+  "join_existing_call_modal": {
-  "Logging in…": "Logging in…",
+    "join_button": "Yes, join call",
-  "Login": "Login",
+    "text": "This call already exists, would you like to join?",
-  "Login to your account": "Login to your account",
+    "title": "Join existing call?"
-  "Microphone": "Microphone",
+  },
-  "Microphone {{n}}": "Microphone {{n}}",
+  "layout_grid_label": "Grid",
-  "Microphone permissions needed to join the call.": "Microphone permissions needed to join the call.",
+  "layout_spotlight_label": "Spotlight",
-  "More": "More",
+  "lobby": {
-  "Mute microphone": "Mute microphone",
+    "join_button": "Join call",
-  "No": "No",
+    "leave_button": "Back to recents"
-  "Not now, return to home screen": "Not now, return to home screen",
+  },
-  "Not registered yet? <2>Create an account</2>": "Not registered yet? <2>Create an account</2>",
+  "local_volume_label": "Local volume",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>",
+  "log_in": "Log In",
-  "Password": "Password",
+  "logging_in": "Logging in…",
-  "Passwords must match": "Passwords must match",
+  "login_auth_links": "<0>Create an account</0> Or <2>Access as a guest</2>",
-  "Press and hold spacebar to talk": "Press and hold spacebar to talk",
+  "login_auth_links_prompt": "Not registered yet?",
-  "Press and hold spacebar to talk over {{name}}": "Press and hold spacebar to talk over {{name}}",
+  "login_subheading": "To continue to Element",
-  "Press and hold to talk": "Press and hold to talk",
+  "login_title": "Login",
-  "Press and hold to talk over {{name}}": "Press and hold to talk over {{name}}",
+  "microphone_off": "Microphone off",
-  "Profile": "Profile",
+  "microphone_on": "Microphone on",
-  "Recaptcha dismissed": "Recaptcha dismissed",
+  "mute_microphone_button_label": "Mute microphone",
-  "Recaptcha not loaded": "Recaptcha not loaded",
+  "participant_count_one": "{{count, number}}",
-  "Register": "Register",
+  "participant_count_other": "{{count, number}}",
-  "Registering…": "Registering…",
+  "rageshake_button_error_caption": "Retry sending logs",
-  "Release spacebar key to stop": "Release spacebar key to stop",
+  "rageshake_request_modal": {
-  "Release to stop": "Release to stop",
+    "body": "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.",
-  "Remove": "Remove",
+    "title": "Debug log request"
-  "Return to home screen": "Return to home screen",
+  },
-  "Select an option": "Select an option",
+  "rageshake_send_logs": "Send debug logs",
-  "Send debug logs": "Send debug logs",
+  "rageshake_sending": "Sending…",
-  "Sending debug logs…": "Sending debug logs…",
+  "rageshake_sending_logs": "Sending debug logs…",
-  "Sending…": "Sending…",
+  "rageshake_sent": "Thanks!",
-  "Settings": "Settings",
+  "recaptcha_caption": "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>End User Licensing Agreement (EULA)</12>",
-  "Share screen": "Share screen",
+  "recaptcha_dismissed": "Recaptcha dismissed",
-  "Show call inspector": "Show call inspector",
+  "recaptcha_not_loaded": "Recaptcha not loaded",
-  "Sign in": "Sign in",
+  "register": {
-  "Sign out": "Sign out",
+    "passwords_must_match": "Passwords must match",
-  "Spatial audio": "Spatial audio",
+    "registering": "Registering…"
-  "Speaker": "Speaker",
+  },
-  "Speaker {{n}}": "Speaker {{n}}",
+  "register_auth_links": "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>",
-  "Spotlight": "Spotlight",
+  "register_confirm_password_label": "Confirm password",
-  "Stop sharing screen": "Stop sharing screen",
+  "register_heading": "Create your account",
-  "Submit": "Submit",
+  "return_home_button": "Return to home screen",
-  "Submit feedback": "Submit feedback",
+  "room_auth_view_eula_caption": "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>",
-  "Submitting…": "Submitting…",
+  "room_auth_view_join_button": "Join call now",
-  "Take me Home": "Take me Home",
+  "screenshare_button_label": "Share screen",
-  "Talk over speaker": "Talk over speaker",
+  "select_input_unset_button": "Select an option",
-  "Talking…": "Talking…",
+  "settings": {
-  "Thanks, we received your feedback!": "Thanks, we received your feedback!",
+    "developer_settings_label": "Developer Settings",
-  "Thanks! We'll get right on it.": "Thanks! We'll get right on it.",
+    "developer_settings_label_description": "Expose developer settings in the settings window.",
-  "This call already exists, would you like to join?": "This call already exists, would you like to join?",
+    "developer_tab_title": "Developer",
-  "This feature is only supported on Firefox.": "This feature is only supported on Firefox.",
+    "feedback_tab_body": "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.",
-  "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>",
+    "feedback_tab_description_label": "Your feedback",
-  "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.)",
+    "feedback_tab_h4": "Submit feedback",
-  "Turn off camera": "Turn off camera",
+    "feedback_tab_send_logs_label": "Include debug logs",
-  "Turn on camera": "Turn on camera",
+    "feedback_tab_thank_you": "Thanks, we received your feedback!",
-  "Unmute microphone": "Unmute microphone",
+    "feedback_tab_title": "Feedback",
-  "Use the upcoming grid system": "Use the upcoming grid system",
+    "more_tab_title": "More",
-  "User menu": "User menu",
+    "opt_in_description": "<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.",
-  "Username": "Username",
+    "show_connection_stats_label": "Show connection stats",
-  "Version: {{version}}": "Version: {{version}}",
+    "speaker_device_selection_label": "Speaker"
-  "Video": "Video",
+  },
-  "Video call": "Video call",
+  "star_rating_input_label_one": "{{count}} stars",
-  "Video call name": "Video call name",
+  "star_rating_input_label_other": "{{count}} stars",
-  "Waiting for network": "Waiting for network",
+  "start_new_call": "Start new call",
-  "Waiting for other participants…": "Waiting for other participants…",
+  "start_video_button_label": "Start video",
-  "Walkie-talkie call": "Walkie-talkie call",
+  "stop_screenshare_button_label": "Sharing screen",
-  "Walkie-talkie call name": "Walkie-talkie call name",
+  "stop_video_button_label": "Stop video",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC is not supported or is being blocked in this browser.",
+  "submitting": "Submitting…",
-  "Yes, join call": "Yes, join call",
+  "unauthenticated_view_body": "Not registered yet? <2>Create an account</2>",
-  "You can't talk at the same time": "You can't talk at the same time",
+  "unauthenticated_view_eula_caption": "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>",
-  "Your feedback": "Your feedback",
+  "unauthenticated_view_login_button": "Login to your account",
-  "Your recent calls": "Your recent calls"
+  "unmute_microphone_button_label": "Unmute microphone",
+  "version": "Version: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} is presenting",
+    "sfu_participant_local": "You"
+  },
+  "waiting_for_participants": "Waiting for other participants…"
 }

public/locales/es/app.json

@@ -1,135 +1,102 @@
 {
-  "<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>¿Por qué no mantienes tu cuenta estableciendo una contraseña?</0><1>Podrás mantener tu nombre y establecer un avatar para usarlo en futuras llamadas</1>",
+  "a11y": {
-  "Press and hold to talk over {{name}}": "Mantén pulsado para hablar por encima de {{name}}",
+    "user_menu": "Menú de usuario"
-  "Your recent calls": "Tus llamadas recientes",
+  },
-  "WebRTC is not supported or is being blocked in this browser.": "Tu navegador no soporta o está bloqueando WebRTC.",
+  "action": {
-  "This call already exists, would you like to join?": "Esta llamada ya existe, ¿te gustaría unirte?",
+    "close": "Cerrar",
-  "Register": "Registrarse",
+    "copy": "Copiar",
-  "Not registered yet? <2>Create an account</2>": "¿No estás registrado todavía? <2>Crear una cuenta</2>",
+    "go": "Comenzar",
-  "Login to your account": "Iniciar sesión en tu cuenta",
+    "register": "Registrarse",
-  "Camera/microphone permissions needed to join the call.": "Se necesitan los permisos de cámara/micrófono para unirse a la llamada.",
+    "remove": "Eliminar",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Al hacer clic en \"Unirse a la llamada ahora\", aceptarás nuestros <2>Términos y condiciones</2>",
+    "sign_in": "Iniciar sesión",
-  "Accept microphone permissions to join the call.": "Acepta el permiso del micrófono para unirte a la llamada.",
+    "sign_out": "Cerrar sesión",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Al hacer clic en \"Comenzar\" aceptarás nuestros <2>Términos y condiciones</2>",
+    "submit": "Enviar"
-  "You can't talk at the same time": "No podéis hablar a la vez",
+  },
-  "Yes, join call": "Si, unirse a la llamada",
+  "analytics_notice": "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>.",
-  "Walkie-talkie call name": "Nombre de la llamada Walkie-talkie",
+  "call_ended_view": {
-  "Walkie-talkie call": "Llamada Walkie-talkie",
+    "create_account_button": "Crear cuenta",
-  "Waiting for other participants…": "Esperando a los otros participantes…",
+    "create_account_prompt": "<0>¿Por qué no mantienes tu cuenta estableciendo una contraseña?</0><1>Podrás mantener tu nombre y establecer un avatar para usarlo en futuras llamadas</1>",
-  "Waiting for network": "Esperando a la red",
+    "feedback_done": "<0>¡Gracias por tus comentarios!</0>",
-  "Video call name": "Nombre de la videollamada",
+    "feedback_prompt": "<0>Nos encantaría conocer tu opinión para que podamos mejorar tu experiencia</0>",
-  "Video call": "Videollamada",
+    "headline": "{{displayName}}, tu llamada ha finalizado.",
-  "Video": "Video",
+    "not_now_button": "Ahora no, volver a la pantalla de inicio",
-  "Version: {{version}}": "Versión: {{version}}",
+    "survey_prompt": "¿Cómo ha ido?"
-  "Username": "Nombre de usuario",
+  },
-  "User menu": "Menú de usuario",
+  "common": {
-  "Unmute microphone": "Desilenciar el micrófono",
+    "camera": "Cámara",
-  "Turn on camera": "Encender la cámara",
+    "copied": "¡Copiado!",
-  "Turn off camera": "Apagar la cámara",
+    "display_name": "Nombre a mostrar",
-  "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.)": "Esto hará que el audio de la persona que hable parezca que viene de dondé esté posicionado en la pantalla. (Función experimental: esto puede afectar a la estabilidad del audio.)",
+    "home": "Inicio",
-  "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>": "Este sitio está protegido por ReCAPTCHA y se aplica <2>la Política de Privacidad</2> y <6>los Términos de Servicio</6> de Google.<9></9>Al hacer clic en \"Registrar\" aceptarás nuestros <12>Términos y condiciones</12>",
+    "loading": "Cargando…",
-  "Thanks! We'll get right on it.": "¡Gracias! Nos encargaremos de ello.",
+    "microphone": "Micrófono",
-  "Talking…": "Hablando…",
+    "password": "Contraseña",
-  "Talk over speaker": "Hablar por encima",
+    "profile": "Perfil",
-  "Take me Home": "Volver al inicio",
+    "settings": "Ajustes",
-  "Submit feedback": "Enviar comentarios",
+    "username": "Nombre de usuario"
-  "Stop sharing screen": "Dejar de compartir pantalla",
+  },
-  "Spotlight": "Foco",
+  "exit_fullscreen_button_label": "Salir de pantalla completa",
-  "Speaker {{n}}": "Altavoz {{n}}",
+  "full_screen_view_description": "<0>Subir los registros de depuración nos ayudará a encontrar el problema.</0>",
-  "Speaker": "Altavoz",
+  "full_screen_view_h1": "<0>Ups, algo ha salido mal.</0>",
-  "Spatial audio": "Audio espacial",
+  "fullscreen_button_label": "Pantalla completa",
-  "Sign out": "Cerrar sesión",
+  "header_label": "Inicio de Element Call",
-  "Sign in": "Iniciar sesión",
+  "join_existing_call_modal": {
-  "Show call inspector": "Mostrar inspector de llamada",
+    "join_button": "Si, unirse a la llamada",
-  "Share screen": "Compartir pantalla",
+    "text": "Esta llamada ya existe, ¿te gustaría unirte?",
-  "Settings": "Ajustes",
+    "title": "¿Unirse a llamada existente?"
-  "Sending…": "Enviando…",
+  },
-  "Sending debug logs…": "Enviando registros de depuración…",
+  "layout_spotlight_label": "Foco",
-  "Send debug logs": "Enviar registros de depuración",
+  "lobby": {
-  "Select an option": "Selecciona una opción",
+    "join_button": "Unirse a la llamada"
-  "Return to home screen": "Volver a la pantalla de inicio",
+  },
-  "Remove": "Eliminar",
+  "local_volume_label": "Volumen local",
-  "Release to stop": "Suelta para parar",
+  "logging_in": "Iniciando sesión…",
-  "Release spacebar key to stop": "Suelta la barra espaciadora para parar",
+  "login_auth_links": "<0>Crear una cuenta</0> o <2>Acceder como invitado</2>",
-  "Registering…": "Registrando…",
+  "login_title": "Iniciar sesión",
-  "Recaptcha not loaded": "No se ha cargado el Recaptcha",
+  "rageshake_request_modal": {
-  "Recaptcha dismissed": "Recaptcha cancelado",
+    "body": "Otro usuario en esta llamada está teniendo problemas. Para diagnosticar estos problemas nos gustaría recopilar un registro de depuración.",
-  "Profile": "Perfil",
+    "title": "Petición de registros de depuración"
-  "Press and hold to talk": "Mantén pulsado para hablar",
+  },
-  "Press and hold spacebar to talk over {{name}}": "Mantén pulsada la barra espaciadora para hablar por encima de {{name}}",
+  "rageshake_send_logs": "Enviar registros de depuración",
-  "Press and hold spacebar to talk": "Mantén pulsada la barra espaciadora para hablar",
+  "rageshake_sending": "Enviando…",
-  "Passwords must match": "Las contraseñas deben coincidir",
+  "rageshake_sending_logs": "Enviando registros de depuración…",
-  "Password": "Contraseña",
+  "recaptcha_caption": "Este sitio está protegido por ReCAPTCHA y se aplican la <2>Política de Privacidad</2> y los <6>Términos de Servicio de Google.<9></9>Al hacer clic en \"Registrar\", aceptas nuestro <12>Contrato de Licencia de Usuario Final (CLUF)</12>",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Otros usuarios están intentando unirse a la llamada con versiones incompatibles. Estos usuarios deberán asegurarse de que han refrescado sus navegadores:<1>{userLis}</1>",
+  "recaptcha_dismissed": "Recaptcha cancelado",
-  "Not now, return to home screen": "Ahora no, volver a la pantalla de inicio",
+  "recaptcha_not_loaded": "No se ha cargado el Recaptcha",
-  "No": "No",
+  "register": {
-  "Mute microphone": "Silenciar micrófono",
+    "passwords_must_match": "Las contraseñas deben coincidir",
-  "More": "Más",
+    "registering": "Registrando…"
-  "Microphone permissions needed to join the call.": "Se necesitan permisos del micrófono para unirse a la llamada.",
+  },
-  "Microphone {{n}}": "Micrófono {{n}}",
+  "register_auth_links": "<0>¿Ya tienes una cuenta?</0><1><0>Iniciar sesión</0> o <2>Acceder como invitado</2></1>",
-  "Microphone": "Micrófono",
+  "register_confirm_password_label": "Confirmar contraseña",
-  "Login": "Iniciar sesión",
+  "return_home_button": "Volver a la pantalla de inicio",
-  "Logging in…": "Iniciando sesión…",
+  "room_auth_view_eula_caption": "Al hacer clic en \"Unirse a la llamada ahora\", aceptas nuestro <2>Contrato de Licencia de Usuario Final (CLUF)</2>",
-  "Local volume": "Volumen local",
+  "room_auth_view_join_button": "Unirse a la llamada ahora",
-  "Loading…": "Cargando…",
+  "screenshare_button_label": "Compartir pantalla",
-  "Leave": "Abandonar",
+  "select_input_unset_button": "Selecciona una opción",
-  "Join existing call?": "¿Unirse a llamada existente?",
+  "settings": {
-  "Join call now": "Unirse a la llamada ahora",
+    "developer_settings_label": "Ajustes de desarrollador",
-  "Join call": "Unirse a la llamada",
+    "developer_settings_label_description": "Muestra los ajustes de desarrollador en la ventana de ajustes.",
-  "Invite people": "Invitar a gente",
+    "developer_tab_title": "Desarrollador",
-  "Invite": "Invitar",
+    "feedback_tab_body": "Si tienes algún problema o simplemente quieres darnos tu opinión, por favor envíanos una breve descripción.",
-  "Inspector": "Inspector",
+    "feedback_tab_description_label": "Tus comentarios",
-  "Incompatible versions!": "¡Versiones incompatibles!",
+    "feedback_tab_h4": "Enviar comentarios",
-  "Incompatible versions": "Versiones incompatibles",
+    "feedback_tab_send_logs_label": "Incluir registros de depuración",
-  "Include debug logs": "Incluir registros de depuración",
+    "feedback_tab_thank_you": "¡Gracias, hemos recibido tus comentarios!",
-  "Home": "Inicio",
+    "feedback_tab_title": "Danos tu opinión",
-  "Grid layout menu": "Menú de distribución de cuadrícula",
+    "more_tab_title": "Más",
-  "Go": "Comenzar",
+    "opt_in_description": "<0></0><1></1>Puedes retirar tu consentimiento desmarcando esta casilla. Si estás en una llamada, este ajuste se aplicará al final de esta.",
-  "Full screen": "Pantalla completa",
+    "show_connection_stats_label": "Mostrar estadísticas de conexión",
-  "Freedom": "Libre",
+    "speaker_device_selection_label": "Altavoz"
-  "Fetching group call timed out.": "Se ha agotado el tiempo de espera para obtener la llamada grupal.",
+  },
-  "Exit full screen": "Salir de pantalla completa",
+  "star_rating_input_label_one": "{{count}} estrella",
-  "Download debug logs": "Descargar registros de depuración",
+  "star_rating_input_label_other": "{{count}} estrellas",
-  "Display name": "Nombre a mostrar",
+  "submitting": "Enviando…",
-  "Developer": "Desarrollador",
+  "unauthenticated_view_body": "¿No estás registrado todavía? <2>Crear una cuenta</2>",
-  "Details": "Detalles",
+  "unauthenticated_view_eula_caption": "Al hacer clic en \"Comenzar\", aceptas nuestro <2>Contrato de Licencia de Usuario Final (CLUF)</2>",
-  "Debug log request": "Petición de registros de depuración",
+  "unauthenticated_view_login_button": "Iniciar sesión en tu cuenta",
-  "Debug log": "Registro de depuración",
+  "version": "Versión: {{version}}",
-  "Create account": "Crear cuenta",
+  "video_tile": {
-  "Copy and share this call link": "Copiar y compartir el enlace de la llamada",
+    "presenter_label": "{{displayName}} está presentando"
-  "Copied!": "¡Copiado!",
+  },
-  "Connection lost": "Conexión perdida",
+  "waiting_for_participants": "Esperando a los otros participantes…"
-  "Confirm password": "Confirmar contraseña",
-  "Close": "Cerrar",
-  "Change layout": "Cambiar distribución",
-  "Camera {{n}}": "Cámara {{n}}",
-  "Camera": "Cámara",
-  "Call type menu": "Menú de tipo de llamada",
-  "Call link copied": "Enlace de la llamada copiado",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Otro usuario en esta llamada está teniendo problemas. Para diagnosticar estos problemas nos gustaría recopilar un registro de depuración.",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "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>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>",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Llamada de Walkie-talkie",
-  "{{name}} is talking…": "{{name}} está hablando…",
-  "{{name}} is presenting": "{{name}} está presentando",
-  "{{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",
-  "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,141 +1,140 @@
 {
-  "Accept camera/microphone permissions to join the call.": "Kõnega liitumiseks anna õigused kaamera/mikrofoni kasutamiseks.",
+  "a11y": {
-  "Accept microphone permissions to join the call.": "Kõnega liitumiseks anna õigused mikrofoni kasutamiseks.",
+    "user_menu": "Kasutajamenüü"
-  "<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>",
+  "action": {
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Loo konto</0> Või <2>Sisene külalisena</2>",
+    "close": "Sulge",
-  "<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>",
+    "copy": "Kopeeri",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - walkie-talkie-kõne",
+    "copy_link": "Kopeeri link",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "go": "Jätka",
-  "{{name}} is talking…": "{{nimi}} räägib…",
+    "invite": "Kutsu",
-  "{{name}} is presenting": "{{nimi}} esitab",
+    "no": "Ei",
-  "{{name}} (Connecting...)": "{{nimi}} (ühendamisel...)",
+    "register": "Registreeru",
-  "{{displayName}}, your call is now ended": "{{displayName}}, sinu kõne on nüüd lõppenud",
+    "remove": "Eemalda",
-  "{{count}} people connected|other": "{{count}} osalejat liitunud",
+    "sign_in": "Logi sisse",
-  "{{count}} people connected|one": "{{count}} osaleja liitunud",
+    "sign_out": "Logi välja",
-  "Invite people": "Kutsu inimesi",
+    "submit": "Saada"
-  "Invite": "Kutsu",
+  },
-  "Inspector": "Inspektor",
+  "analytics_notice": "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>.",
-  "Incompatible versions!": "Ühildumatud versioonid!",
+  "app_selection_modal": {
-  "Incompatible versions": "Ühildumatud versioonid",
+    "continue_in_browser": "Jätka veebibrauseris",
-  "Include debug logs": "Lisa veatuvastuslogid",
+    "open_in_app": "Ava rakenduses",
-  "Home": "Avavaatesse",
+    "text": "Oled valmis liituma?",
-  "Grid layout menu": "Ruudustikvaate menüü",
+    "title": "Vali rakendus"
-  "Go": "Jätka",
+  },
-  "Full screen": "Täisekraan",
+  "browser_media_e2ee_unsupported": "Sinu veebibrauser ei toeta meedia läbivat krüptimist. Toetatud brauserid on Chrome, Chromium, Safari ja Firefox >=117",
-  "Freedom": "Vaba",
+  "call_ended_view": {
-  "Fetching group call timed out.": "Grupikõne kättesaamine aegus.",
+    "body": "Sinu ühendus kõnega katkes",
-  "Exit full screen": "Välju täisekraanivaatest",
+    "create_account_button": "Loo konto",
-  "Download debug logs": "Lae alla veatuvastuslogid",
+    "create_account_prompt": "<0>Kas soovid salasõna seadistada ja sellega oma kasutajakonto alles jätta?</0><1>Nii saad säilitada oma nime ja määrata profiilipildi, mida saad kasutada tulevastes kõnedes</1>",
-  "Display name": "Kuvatav nimi",
+    "feedback_done": "<0>Täname Sind tagasiside eest!</0>",
-  "Developer": "Arendaja",
+    "feedback_prompt": "<0>Meie rakenduse paremaks muutmiseks me hea meelega ootame Sinu arvamusi.</0>",
-  "Details": "Täpsemalt",
+    "headline": "{{displayName}}, sinu kõne on lõppenud.",
-  "Debug log request": "Veaotsingulogi päring",
+    "not_now_button": "Mitte praegu, mine tagasi avalehele",
-  "Debug log": "Veaotsingulogi",
+    "reconnect_button": "Ühenda uuesti",
-  "Create account": "Loo konto",
+    "survey_prompt": "Kuidas sujus?"
-  "Copy and share this call link": "Kopeeri ja jaga selle kõne linki",
+  },
-  "Copied!": "Kopeeritud!",
+  "call_name": "Kõne nimi",
-  "Connection lost": "Ühendus on katkenud",
+  "common": {
-  "Confirm password": "Kinnita salasõna",
+    "audio": "Heli",
-  "Close": "Sulge",
+    "avatar": "Tunnuspilt",
-  "Change layout": "Muuda paigutust",
+    "camera": "Kaamera",
-  "Camera/microphone permissions needed to join the call.": "Kõnega liitumiseks vajalikud kaamera/mikrofoni kasutamise load.",
+    "copied": "Kopeeritud!",
-  "Camera {{n}}": "Kaamera {{n}}",
+    "display_name": "Kuvatav nimi",
-  "Camera": "Kaamera",
+    "encrypted": "Krüptitud",
-  "Call type menu": "Kõnetüübi valik",
+    "home": "Avavaatesse",
-  "Call link copied": "Kõne link on kopeeritud",
+    "loading": "Laadimine …",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Klõpsides „Liitu kõnega“nõustud sa meie <2>kasutustingimustega</2>",
+    "microphone": "Mikrofon",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Klõpsides „Jätka“nõustud sa meie <2>kasutustingimustega</2>",
+    "password": "Salasõna",
-  "Avatar": "Tunnuspilt",
+    "profile": "Profiil",
-  "Audio": "Heli",
+    "settings": "Seadistused",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Ühel teisel selles kõnes osalejal on lahenduse kasutamisel tekkinud probleem ning selle põhjuse leidmiseks me sooviksime koguda silumislogisid.",
+    "unencrypted": "Krüptimata",
-  "Press and hold spacebar to talk": "Rääkimiseks vajuta ja hoia all tühikuklahvi",
+    "username": "Kasutajanimi"
-  "Passwords must match": "Salasõnad ei klapi",
+  },
-  "Password": "Salasõna",
+  "disconnected_banner": "Võrguühendus serveriga on katkenud.",
-  "Not registered yet? <2>Create an account</2>": "Pole veel registreerunud? <2>Loo kasutajakonto</2>",
+  "exit_fullscreen_button_label": "Välju täisekraanivaatest",
-  "Not now, return to home screen": "Mitte praegu, mine tagasi avalehele",
+  "full_screen_view_description": "<0>Kui saadad meile vealogid, siis on lihtsam vea põhjust otsida.</0>",
-  "No": "Ei",
+  "full_screen_view_h1": "<0>Ohoo, midagi on nüüd katki.</0>",
-  "Mute microphone": "Summuta mikrofon",
+  "fullscreen_button_label": "Täisekraan",
-  "Your recent calls": "Hiljutised kõned",
+  "group_call_loader_failed_heading": "Kõnet ei leidu",
-  "You can't talk at the same time": "Üheaegselt ei saa rääkida",
+  "group_call_loader_failed_text": "Kõned on nüüd läbivalt krüptitud ning need pead looma kodulehelt. Sellega tagad, et kõik kasutavad samu krüptovõtmeid.",
-  "More": "Rohkem",
+  "hangup_button_label": "Lõpeta kõne",
-  "Microphone permissions needed to join the call.": "Kõnega liitumiseks on vaja lubada mikrofoni kasutamine.",
+  "header_participants_label": "Osalejad",
-  "Microphone {{n}}": "Mikrofon {{n}}",
+  "invite_modal": {
-  "Microphone": "Mikrofon",
+    "link_copied_toast": "Link on kopeeritud lõikelauale",
-  "Login to your account": "Logi oma kontosse sisse",
+    "title": "Kutsu liituma selle kõnaga"
-  "Login": "Sisselogimine",
+  },
-  "Logging in…": "Sisselogimine …",
+  "join_existing_call_modal": {
-  "Local volume": "Kohalik helitugevus",
+    "join_button": "Jah, liitu kõnega",
-  "Loading…": "Laadimine …",
+    "text": "See kõne on juba olemas, kas soovid liituda?",
-  "Leave": "Lahku",
+    "title": "Liitu juba käimasoleva kõnega?"
-  "Join existing call?": "Liitu juba käimasoleva kõnega?",
+  },
-  "Join call now": "Kõnega liitumine",
+  "layout_grid_label": "Ruudustik",
-  "Join call": "Kõnega liitumine",
+  "layout_spotlight_label": "Rambivalgus",
-  "Turn on camera": "Lülita kaamera sisse",
+  "lobby": {
-  "Turn off camera": "Lülita kaamera välja",
+    "join_button": "Kõnega liitumine",
-  "Take me Home": "Mine avalehele",
+    "leave_button": "Tagasi hiljutiste kõnede juurde"
-  "Submit feedback": "Jaga tagasisidet",
+  },
-  "Stop sharing screen": "Lõpeta ekraani jagamine",
+  "local_volume_label": "Kohalik helitugevus",
-  "Spotlight": "Rambivalgus",
+  "logging_in": "Sisselogimine …",
-  "Speaker {{n}}": "Kõlar {{n}}",
+  "login_auth_links": "<0>Loo konto</0> Või <2>Sisene külalisena</2>",
-  "Speaker": "Kõlar",
+  "login_title": "Sisselogimine",
-  "Spatial audio": "Ruumiline heli",
+  "microphone_off": "Mikrofon ei tööta",
-  "Sign out": "Logi välja",
+  "microphone_on": "Mikrofon töötab",
-  "Sign in": "Logi sisse",
+  "mute_microphone_button_label": "Summuta mikrofon",
-  "Show call inspector": "Näita kõneteavet",
+  "rageshake_button_error_caption": "Proovi uuesti logisid saata",
-  "Share screen": "Jaga ekraani",
+  "rageshake_request_modal": {
-  "Settings": "Seadistused",
+    "body": "Ühel teisel selles kõnes osalejal on lahenduse kasutamisel tekkinud probleem ning selle põhjuse leidmiseks me sooviksime koguda silumislogisid.",
-  "Sending…": "Saatmine…",
+    "title": "Veaotsingulogi päring"
-  "Sending debug logs…": "Veaotsingulogide saatmine…",
+  },
-  "Send debug logs": "Saada veaotsingulogid",
+  "rageshake_send_logs": "Saada veaotsingulogid",
-  "Select an option": "Vali oma eelistus",
+  "rageshake_sending": "Saatmine…",
-  "Return to home screen": "Tagasi avalehele",
+  "rageshake_sending_logs": "Veaotsingulogide saatmine…",
-  "Remove": "Eemalda",
+  "rageshake_sent": "Tänud!",
-  "Release to stop": "Peatamiseks vabasta klahv",
+  "recaptcha_caption": "Selles saidis on kasutusel ReCAPTCHA ja kehtivad Google'i <2>Privaatsuspoliitika</2> ning <6>Teenusetingimused</6>.<9></9>Klõpsides „Registreeru“, sa nõustud meie <12>Lõppkasutaja litsentsilepingu (EULA) tingimustega</12>",
-  "Release spacebar key to stop": "Peatamiseks vabasta tühikuklahv",
+  "recaptcha_dismissed": "Robotilõks on vahele jäetud",
-  "Registering…": "Registreerimine…",
+  "recaptcha_not_loaded": "Robotilõks pole laetud",
-  "Register": "Registreeru",
+  "register": {
-  "Recaptcha not loaded": "Robotilõks pole laetud",
+    "passwords_must_match": "Salasõnad ei klapi",
-  "Recaptcha dismissed": "Robotilõks on vahele jäetud",
+    "registering": "Registreerimine…"
-  "Profile": "Profiil",
+  },
-  "Press and hold to talk over {{name}}": "{{name}} ülerääkimiseks vajuta ja hoia all",
+  "register_auth_links": "<0>On sul juba konto?</0><1><0>Logi sisse</0> Või <2>Logi sisse külalisena</2></1>",
-  "Press and hold to talk": "Rääkimiseks vajuta ja hoia all",
+  "register_confirm_password_label": "Kinnita salasõna",
-  "Press and hold spacebar to talk over {{name}}": "{{name}} ülerääkimiseks vajuta ja hoia all tühikuklahvi",
+  "return_home_button": "Tagasi avalehele",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Teised kasutajad üritavad selle kõnega liituda ühildumatuid versioone kasutades. Need kasutajad peaksid oma brauseris lehe uuestilaadimise tegema:<1>{userLis}</1>",
+  "room_auth_view_eula_caption": "Klõpsides „Liitu kõnega kohe“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
-  "Waiting for other participants…": "Ootame teiste osalejate lisandumist…",
+  "room_auth_view_join_button": "Liitu kõnega kohe",
-  "Waiting for network": "Ootame võrguühendust",
+  "screenshare_button_label": "Jaga ekraani",
-  "Video call name": "Videokõne nimi",
+  "select_input_unset_button": "Vali oma eelistus",
-  "Video call": "Videokõne",
+  "settings": {
-  "Video": "Video",
+    "developer_settings_label": "Arendaja seadistused",
-  "Version: {{version}}": "Versioon: {{version}}",
+    "developer_settings_label_description": "Näita seadistuste aknas arendajale vajalikke seadeid.",
-  "Username": "Kasutajanimi",
+    "developer_tab_title": "Arendaja",
-  "This call already exists, would you like to join?": "See kõne on juba olemas, kas soovid liituda?",
+    "feedback_tab_body": "Kui selle rakenduse kasutamisel tekib sul probleeme või lihtsalt soovid oma arvamust avaldada, siis palun täida alljärgnev lühike kirjeldus.",
-  "Talking…": "Jutt käib…",
+    "feedback_tab_description_label": "Sinu tagasiside",
-  "Talk over speaker": "Räägi teisest kõnelejast üle",
+    "feedback_tab_h4": "Jaga tagasisidet",
-  "Thanks! We'll get right on it.": "Tänud! Tegeleme sellega esimesel võimalusel.",
+    "feedback_tab_send_logs_label": "Lisa veatuvastuslogid",
-  "Unmute microphone": "Aktiveeri mikrofon",
+    "feedback_tab_thank_you": "Tänud, me oleme sinu tagasiside kätte saanud!",
-  "User menu": "Kasutajamenüü",
+    "feedback_tab_title": "Tagasiside",
-  "Yes, join call": "Jah, liitu kõnega",
+    "more_tab_title": "Rohkem",
-  "Walkie-talkie call": "Walkie-talkie stiilis kõne",
+    "opt_in_description": "<0></0><1></1>Sa võid selle valiku eelmaldamisega alati oma nõusoleku tagasi võtta. Kui sul parasjagu on kõne pooleli, siis seadistuste muudatus jõustub pärast kõne lõppu.",
-  "Walkie-talkie call name": "Walkie-talkie stiilis kõne nimi",
+    "show_connection_stats_label": "Näita ühenduse statistikat",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC pole kas selles brauseris toetatud või on keelatud.",
+    "speaker_device_selection_label": "Kõlar"
-  "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>",
+  "star_rating_input_label_one": "{{count}} tärni",
-  "Element Call Home": "Element Call Home",
+  "star_rating_input_label_other": "{{count}} tärni",
-  "Copy": "Kopeeri",
+  "start_new_call": "Algata uus kõne",
-  "{{name}} (Waiting for video...)": "{{name}} (Ootame videovoo algust...)",
+  "start_video_button_label": "Lülita videovoog sisse",
-  "This feature is only supported on Firefox.": "See funktsionaalsus on toetatud vaid Firefoxis.",
+  "stop_screenshare_button_label": "Ekraanivaade on jagamisel",
-  "<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>",
+  "stop_video_button_label": "Peata videovoog",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ohoo, midagi on nüüd katki.</0>",
+  "submitting": "Saadan…",
-  "Use the upcoming grid system": "Kasuta tulevast ruudustiku-põhist paigutust",
+  "unauthenticated_view_body": "Sa pole veel registreerunud? <2>Loo kasutajakonto</2>",
-  "Expose developer settings in the settings window.": "Näita seadistuste aknas arendajale vajalikke seadeid.",
+  "unauthenticated_view_eula_caption": "Klõpsides „Jätka“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
-  "Developer Settings": "Arendaja seadistused",
+  "unauthenticated_view_login_button": "Logi oma kontosse sisse",
-  "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>.",
+  "unmute_microphone_button_label": "Lülita mikrofon sisse",
-  "<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.",
+  "version": "Versioon: {{version}}",
-  "Your feedback": "Sinu tagasiside",
+  "video_tile": {
-  "Thanks, we received your feedback!": "Tänud, me oleme sinu tagasiside kätte saanud!",
+    "presenter_label": "{{displayName}} on esitlemas",
-  "Submitting…": "Saadan…",
+    "sfu_participant_local": "Sina"
-  "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.",
+  "waiting_for_participants": "Ootame teiste osalejate lisandumist…"
-  "Feedback": "Tagasiside"
 }

public/locales/fa/app.json

@@ -1,127 +1,81 @@
 {
-  "Your recent calls": "تماس‌های اخیر شما",
+  "a11y": {
-  "Video call": "تماس تصویری",
+    "user_menu": "فهرست کاربر"
-  "Video": "ویدیو",
+  },
-  "Username": "نام کاربری",
+  "action": {
-  "Turn on camera": "روشن کردن دوربین",
+    "close": "بستن",
-  "Turn off camera": "خاموش کردن دوربین",
+    "copy": "رونوشت",
-  "Take me Home": "مرا به خانه ببر",
+    "go": "رفتن",
-  "Speaker": "بلندگو",
+    "no": "خیر",
-  "Sign out": "خروج",
+    "register": "ثبت‌نام",
-  "Sign in": "ورود",
+    "remove": "حذف",
-  "Settings": "تنظیمات",
+    "sign_in": "ورود",
-  "Profile": "پروفایل",
+    "sign_out": "خروج"
-  "Password": "رمز عبور",
+  },
-  "No": "خیر",
+  "call_ended_view": {
-  "Mute microphone": "بی‌صدا کردن میکروفون",
+    "create_account_button": "ساخت حساب کاربری",
-  "More": "بیشتر",
+    "create_account_prompt": "<0>چرا یک رمز عبور برای حساب کاربری خود تنظیم نمی‌کنید؟</0><1>شما می‌توانید نام خود را حفظ کنید و یک آواتار برای تماس‌های آینده بسازید</1>",
-  "Microphone": "میکروفون",
+    "not_now_button": "الان نه، به صفحه اصلی برگردید"
-  "Login to your account": "به حساب کاربری خود وارد شوید",
+  },
-  "Login": "ورود",
+  "common": {
-  "Loading…": "بارگزاری…",
+    "audio": "صدا",
-  "Leave": "خروج",
+    "avatar": "آواتار",
-  "Join existing call?": "پیوست به تماس؟",
+    "camera": "دوربین",
-  "Join call now": "الان به تماس بپیوند",
+    "copied": "کپی شد!",
-  "Join call": "پیوستن به تماس",
+    "display_name": "نام نمایشی",
-  "Invite people": "دعوت از افراد",
+    "home": "خانه",
-  "Invite": "دعوت",
+    "loading": "بارگزاری…",
-  "Home": "خانه",
+    "microphone": "میکروفون",
-  "Go": "رفتن",
+    "password": "رمز عبور",
-  "Full screen": "تمام صحفه",
+    "profile": "پروفایل",
-  "Freedom": "آزادی",
+    "settings": "تنظیمات",
-  "Exit full screen": "خروج از حالت تمام صفحه",
+    "username": "نام کاربری",
-  "Download debug logs": "دانلود لاگ عیب‌یابی",
+    "video": "ویدیو"
-  "Display name": "نام نمایشی",
+  },
-  "Developer": "توسعه دهنده",
+  "exit_fullscreen_button_label": "خروج از حالت تمام صفحه",
-  "Details": "جزئیات",
+  "fullscreen_button_label": "تمام صحفه",
-  "Debug log request": "درخواست لاگ عیب‌یابی",
+  "header_label": "خانهٔ تماس المنت",
-  "Debug log": "لاگ عیب‌یابی",
+  "join_existing_call_modal": {
-  "Create account": "ساخت حساب کاربری",
+    "join_button": "بله، به تماس بپیوندید",
-  "Copy and share this call link": "لینک تماس را کپی کنید و به اشتراک بگذارید",
+    "text": "این تماس از قبل وجود دارد، می‌خواهید بپیوندید؟",
-  "Copied!": "کپی شد!",
+    "title": "پیوست به تماس؟"
-  "Connection lost": "ارتباط قطع شد",
+  },
-  "Confirm password": "تایید رمزعبور",
+  "layout_spotlight_label": "نور افکن",
-  "Close": "بستن",
+  "lobby": {
-  "Change layout": "تغییر طرح",
+    "join_button": "پیوستن به تماس"
-  "Camera/microphone permissions needed to join the call.": "برای پیوستن به تماس، دسترسی به دوربین/ میکروفون نیاز است.",
+  },
-  "Camera {{n}}": "دوربین {{n}}",
+  "local_volume_label": "حجم داخلی",
-  "Camera": "دوربین",
+  "logging_in": "ورود…",
-  "Call type menu": "منوی نوع تماس",
+  "login_auth_links": "<0>ساخت حساب کاربری</0> Or <2>دسترسی به عنوان میهمان</2>",
-  "Call link copied": "لینک تماس کپی شد",
+  "login_title": "ورود",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "با کلیک بر روی پیوستن به تماس، شما با <2>شرایط و قوانین استفاده</2> موافقت می‌کنید",
+  "rageshake_request_modal": {
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "با کلیک بر روی برو، شما با <2>شرایط و قوانین استفاده</2> موافقت می‌کنید",
+    "body": "کاربر دیگری در این تماس مشکلی دارد. برای تشخیص بهتر مشکل، بهتر است ما لاگ عیب‌یابی را جمع‌آوری کنیم.",
-  "Avatar": "آواتار",
+    "title": "درخواست لاگ عیب‌یابی"
-  "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.": "کاربر دیگری در این تماس مشکلی دارد. برای تشخیص بهتر مشکل، بهتر است ما لاگ عیب‌یابی را جمع‌آوری کنیم.",
+  "rageshake_send_logs": "ارسال لاگ‌های عیب‌یابی",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "rageshake_sending": "در حال ارسال…",
-  "Accept microphone permissions to join the call.": "پذیرفتن دسترسی به میکروفون برای پیوستن به تماس.",
+  "rageshake_sending_logs": "در حال ارسال باگ‌های عیب‌یابی…",
-  "Accept camera/microphone permissions to join the call.": "پذیرفتن دسترسی دوربین/ میکروفون برای پیوستن به تماس.",
+  "recaptcha_dismissed": "ریکپچا رد شد",
-  "<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>",
+  "recaptcha_not_loaded": "کپچا بارگیری نشد",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>ساخت حساب کاربری</0> Or <2>دسترسی به عنوان میهمان</2>",
+  "register": {
-  "<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>",
+    "passwords_must_match": "رمز عبور باید همخوانی داشته باشد",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - تماس واکی-تاکی",
+    "registering": "ثبت‌نام…"
-  "{{name}} is talking…": "{{name}} در حال صحبت است…",
+  },
-  "{{name}} is presenting": "{{name}} حاضر است",
+  "register_auth_links": "<0>از قبل حساب کاربری دارید؟</0><1><0>ورود</0> Or <2>به عنوان یک میهمان وارد شوید</2></1>",
-  "{{displayName}}, your call is now ended": "{{displayName}} تماس شما پایان یافت",
+  "register_confirm_password_label": "تایید رمزعبور",
-  "{{count}} people connected|other": "{{count}} نفر متصل هستند",
+  "return_home_button": "برگشت به صفحه اصلی",
-  "{{count}} people connected|one": "{{count}} فرد متصل هستند",
+  "room_auth_view_join_button": "الان به تماس بپیوند",
-  "Local volume": "حجم داخلی",
+  "screenshare_button_label": "اشتراک گذاری صفحه نمایش",
-  "Inspector": "بازرس",
+  "select_input_unset_button": "یک گزینه را انتخاب کنید",
-  "Incompatible versions!": "نسخه‌های ناسازگار!",
+  "settings": {
-  "Incompatible versions": "نسخه‌های ناسازگار",
+    "developer_tab_title": "توسعه دهنده",
-  "Spotlight": "نور افکن",
+    "feedback_tab_h4": "بازخورد ارائه دهید",
-  "Speaker {{n}}": "بلندگو {{n}}",
+    "feedback_tab_send_logs_label": "شامل لاگ‌های عیب‌یابی",
-  "Show call inspector": "نمایش بازرس تماس",
+    "more_tab_title": "بیشتر",
-  "Share screen": "اشتراک گذاری صفحه نمایش",
+    "speaker_device_selection_label": "بلندگو"
-  "Sending…": "در حال ارسال…",
+  },
-  "Sending debug logs…": "در حال ارسال باگ‌های عیب‌یابی…",
+  "unauthenticated_view_body": "هنوز ثبت‌نام نکرده‌اید؟ <2>ساخت حساب کاربری</2>",
-  "Send debug logs": "ارسال لاگ‌های عیب‌یابی",
+  "unauthenticated_view_login_button": "به حساب کاربری خود وارد شوید",
-  "Select an option": "یک گزینه را انتخاب کنید",
+  "version": "نسخه: {{نسخه}}",
-  "Return to home screen": "برگشت به صفحه اصلی",
+  "waiting_for_participants": "در انتظار برای دیگر شرکت‌کنندگان…"
-  "Remove": "حذف",
-  "Release to stop": "برای توقف رها کنید",
-  "Release spacebar key to stop": "اسپیس بار را برای توقف رها کنید",
-  "Registering…": "ثبت‌نام…",
-  "Register": "ثبت‌نام",
-  "Recaptcha not loaded": "کپچا بارگیری نشد",
-  "Recaptcha dismissed": "ریکپچا رد شد",
-  "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": "رمز عبور باید همخوانی داشته باشد",
-  "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": "الان نه، به صفحه اصلی برگردید",
-  "Microphone permissions needed to join the call.": "برای پیوستن به مکالمه دسترسی به میکروفون نیاز است.",
-  "Microphone {{n}}": "میکروفون {{n}}",
-  "Logging in…": "ورود…",
-  "Include debug logs": "شامل لاگ‌های عیب‌یابی",
-  "Grid layout menu": "منوی طرح‌بندی شبکه‌ای",
-  "Fetching group call timed out.": "زمان اتصال به مکالمه گروهی تمام شد.",
-  "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": "نامِ تماسِ واکی-تاکی",
-  "Walkie-talkie call": "تماسِ واکی-تاکی",
-  "Waiting for other participants…": "در انتظار برای دیگر شرکت‌کنندگان…",
-  "Waiting for network": "در انتظار شبکه",
-  "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.)": "این کار باعث می‌شود به نظر برسد صدای بلندگو از جایی که کاشی‌اش روی صفحه قرار گرفته می‌آید (ویژگی آزمایشی: ممکن است بر پایداری صدا تأثیر بگذارد.)",
-  "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": "روی بلندگو صحبت کنید",
-  "Submit feedback": "بازخورد ارائه دهید",
-  "Stop sharing screen": "توقف اشتراک‌گذاری صفحه نمایش",
-  "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,141 +1,138 @@
 {
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Créer un compte</0> Or <2>Accès invité</2>",
+  "a11y": {
-  "<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>",
+    "user_menu": "Menu utilisateur"
-  "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.",
+  "action": {
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Un autre utilisateur dans cet appel a un problème. Pour nous permettre de résoudre le problème, nous aimerions récupérer un journal de débogage.",
+    "close": "Fermer",
-  "Audio": "Audio",
+    "copy": "Copier",
-  "Avatar": "Avatar",
+    "copy_link": "Copier le lien",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "En cliquant sur « Commencer » vous acceptez nos <2>conditions d’utilisation</2>",
+    "go": "Commencer",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "En cliquant sur « Rejoindre l’appel » vous acceptez nos <2>conditions d’utilisation</2>",
+    "invite": "Inviter",
-  "Call link copied": "Lien de l’appel copié",
+    "no": "Non",
-  "Call type menu": "Menu de type d’appel",
+    "register": "S’enregistrer",
-  "Camera": "Caméra",
+    "remove": "Supprimer",
-  "Camera {{n}}": "Caméra {{n}}",
+    "sign_in": "Connexion",
-  "Camera/microphone permissions needed to join the call.": "Accès à la caméra et au microphone requis pour rejoindre l’appel.",
+    "sign_out": "Déconnexion",
-  "Change layout": "Changer la disposition",
+    "submit": "Envoyer"
-  "Close": "Fermer",
+  },
-  "Confirm password": "Confirmer le mot de passe",
+  "analytics_notice": "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>.",
-  "Connection lost": "Connexion interrompue",
+  "app_selection_modal": {
-  "Copied!": "Copié !",
+    "continue_in_browser": "Continuer dans le navigateur",
-  "Copy and share this call link": "Copier et partager le lien de cet appel",
+    "open_in_app": "Ouvrir dans l’application",
-  "Create account": "Créer un compte",
+    "text": "Prêt à rejoindre ?",
-  "Debug log": "Journal de débogage",
+    "title": "Choisissez l’application"
-  "Debug log request": "Demande d’un journal de débogage",
+  },
-  "Details": "Informations",
+  "browser_media_e2ee_unsupported": "Votre navigateur web ne prend pas en charge le chiffrement de bout-en-bout des médias. Les navigateurs pris en charge sont Chrome, Safari, Firefox >= 117",
-  "Developer": "Développeur",
+  "call_ended_view": {
-  "Display name": "Nom d’affichage",
+    "body": "Vous avez été déconnecté de l’appel",
-  "Download debug logs": "Télécharger les journaux de débogage",
+    "create_account_button": "Créer un compte",
-  "Exit full screen": "Quitter le plein écran",
+    "create_account_prompt": "<0>Pourquoi ne pas créer un mot de passe pour conserver votre compte ?</0><1>Vous pourrez garder votre nom et définir un avatar pour vos futurs appels</1>",
-  "Freedom": "Libre",
+    "feedback_done": "<0>Merci pour votre commentaire !</0>",
-  "Full screen": "Plein écran",
+    "feedback_prompt": "<0>Nous aimerions avoir vos commentaires afin que nous puissions améliorer votre expérience.</0>",
-  "Go": "Commencer",
+    "headline": "{{displayName}}, votre appel est terminé.",
-  "Grid layout menu": "Menu en grille",
+    "not_now_button": "Pas maintenant, retourner à l’accueil",
-  "Home": "Accueil",
+    "reconnect_button": "Se reconnecter",
-  "Include debug logs": "Inclure les journaux de débogage",
+    "survey_prompt": "Comment cela s’est-il passé ?"
-  "Incompatible versions": "Versions incompatibles",
+  },
-  "Incompatible versions!": "Versions incompatibles !",
+  "call_name": "Nom de l’appel",
-  "Inspector": "Inspecteur",
+  "common": {
-  "Invite people": "Inviter des gens",
+    "camera": "Caméra",
-  "Join call": "Rejoindre l’appel",
+    "copied": "Copié !",
-  "Join call now": "Rejoindre l’appel maintenant",
+    "display_name": "Nom d’affichage",
-  "Join existing call?": "Rejoindre un appel existant ?",
+    "encrypted": "Chiffré",
-  "Leave": "Partir",
+    "home": "Accueil",
-  "Loading…": "Chargement…",
+    "loading": "Chargement…",
-  "Local volume": "Volume local",
+    "password": "Mot de passe",
-  "Logging in…": "Connexion…",
+    "profile": "Profil",
-  "Login": "Connexion",
+    "settings": "Paramètres",
-  "Login to your account": "Connectez vous à votre compte",
+    "unencrypted": "Non chiffré",
-  "Microphone": "Microphone",
+    "username": "Nom d’utilisateur",
-  "Microphone permissions needed to join the call.": "Accès au microphone requis pour rejoindre l’appel.",
+    "video": "Vidéo"
-  "Microphone {{n}}": "Microphone {{n}}",
+  },
-  "More": "Plus",
+  "disconnected_banner": "La connexion avec le serveur a été perdue.",
-  "Mute microphone": "Couper le micro",
+  "exit_fullscreen_button_label": "Quitter le plein écran",
-  "No": "Non",
+  "full_screen_view_description": "<0>Soumettre les journaux de débogage nous aidera à déterminer le problème.</0>",
-  "Not now, return to home screen": "Pas maintenant, retourner à l’accueil",
+  "full_screen_view_h1": "<0>Oups, quelque chose s’est mal passé.</0>",
-  "Not registered yet? <2>Create an account</2>": "Pas encore de compte ? <2>En créer un</2>",
+  "fullscreen_button_label": "Plein écran",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Des utilisateurs essayent de rejoindre cet appel à partir de versions incompatibles. Ces utilisateurs doivent rafraîchir la page dans leur navigateur : <1>{userLis}</1>",
+  "group_call_loader_failed_heading": "Appel non trouvé",
-  "Password": "Mot de passe",
+  "group_call_loader_failed_text": "Les appels sont maintenant chiffrés de bout-en-bout et doivent être créés depuis la page d’accueil. Cela permet d’être sûr que tout le monde utilise la même clé de chiffrement.",
-  "Passwords must match": "Les mots de passe doivent correspondre",
+  "hangup_button_label": "Terminer l’appel",
-  "Press and hold spacebar to talk": "Appuyez et maintenez la barre d’espace enfoncée pour parler",
+  "header_label": "Accueil Element Call",
-  "Press and hold spacebar to talk over {{name}}": "Appuyez et maintenez la barre d’espace enfoncée pour parler par dessus {{name}}",
+  "invite_modal": {
-  "Press and hold to talk": "Appuyez et maintenez enfoncé pour parler",
+    "link_copied_toast": "Lien copié dans le presse-papier",
-  "Press and hold to talk over {{name}}": "Appuyez et maintenez enfoncé pour parler par dessus {{name}}",
+    "title": "Inviter dans cet appel"
-  "Profile": "Profil",
+  },
-  "Recaptcha dismissed": "Recaptcha refusé",
+  "join_existing_call_modal": {
-  "Recaptcha not loaded": "Recaptcha non chargé",
+    "join_button": "Oui, rejoindre l’appel",
-  "Register": "S’enregistrer",
+    "text": "Cet appel existe déjà, voulez-vous le rejoindre ?",
-  "Registering…": "Enregistrement…",
+    "title": "Rejoindre un appel existant ?"
-  "Release spacebar key to stop": "Relâcher la barre d’espace pour arrêter",
+  },
-  "Release to stop": "Relâcher pour arrêter",
+  "layout_grid_label": "Grille",
-  "Remove": "Supprimer",
+  "layout_spotlight_label": "Premier plan",
-  "Return to home screen": "Retour à l’accueil",
+  "lobby": {
-  "Select an option": "Sélectionnez une option",
+    "join_button": "Rejoindre l’appel",
-  "Send debug logs": "Envoyer les journaux de débogage",
+    "leave_button": "Revenir à l’historique des appels"
-  "Sending…": "Envoi…",
+  },
-  "Settings": "Paramètres",
+  "local_volume_label": "Volume local",
-  "Share screen": "Partage d’écran",
+  "logging_in": "Connexion…",
-  "Show call inspector": "Afficher l’inspecteur d’appel",
+  "login_auth_links": "<0>Créer un compte</0> Or <2>Accès invité</2>",
-  "Sign in": "Connexion",
+  "login_title": "Connexion",
-  "Sign out": "Déconnexion",
+  "microphone_off": "Microphone éteint",
-  "Spatial audio": "Audio spatialisé",
+  "microphone_on": "Microphone allumé",
-  "Spotlight": "Premier plan",
+  "mute_microphone_button_label": "Couper le microphone",
-  "Stop sharing screen": "Arrêter le partage d’écran",
+  "rageshake_button_error_caption": "Réessayer d’envoyer les journaux",
-  "Submit feedback": "Envoyer des retours",
+  "rageshake_request_modal": {
-  "Take me Home": "Retouner à l’accueil",
+    "body": "Un autre utilisateur dans cet appel a un problème. Pour nous permettre de résoudre le problème, nous aimerions récupérer un journal de débogage.",
-  "Talk over speaker": "Parler par dessus l’intervenant",
+    "title": "Demande d’un journal de débogage"
-  "Thanks! We'll get right on it.": "Merci ! Nous allons nous y attaquer.",
+  },
-  "This call already exists, would you like to join?": "Cet appel existe déjà, voulez-vous le rejoindre ?",
+  "rageshake_send_logs": "Envoyer les journaux de débogage",
-  "{{name}} is presenting": "{{name}} est le présentateur",
+  "rageshake_sending": "Envoi…",
-  "Fetching group call timed out.": "Échec de connexion à l’appel de groupe dans le temps imparti.",
+  "rageshake_sending_logs": "Envoi des journaux de débogage…",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} — Appel talkie-walkie",
+  "rageshake_sent": "Merci !",
-  "{{name}} is talking…": "{{name}} est en train de parler…",
+  "recaptcha_caption": "Ce site est protégé par ReCAPTCHA, la <2>politique de confidentialité</2> et les <6>conditions d’utilisation</6> de Google s’appliquent.<9></9>En cliquant sur « S’enregistrer » vous acceptez également notre <12>Contrat de Licence Utilisateur Final (CLUF)</12>",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "recaptcha_dismissed": "Recaptcha refusé",
-  "{{displayName}}, your call is now ended": "{{displayName}}, votre appel est désormais terminé",
+  "recaptcha_not_loaded": "Recaptcha non chargé",
-  "{{count}} people connected|other": "{{count}} personnes connectées",
+  "register": {
-  "{{count}} people connected|one": "{{count}} personne connectée",
+    "passwords_must_match": "Les mots de passe doivent correspondre",
-  "Your recent calls": "Appels récents",
+    "registering": "Enregistrement…"
-  "You can't talk at the same time": "Vous ne pouvez pas parler en même temps",
+  },
-  "Yes, join call": "Oui, rejoindre l’appel",
+  "register_auth_links": "<0>Vous avez déjà un compte ?</0><1><0>Se connecter</0> Ou <2>Accès invité</2></1>",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC n’est pas pris en charge ou est bloqué par ce navigateur.",
+  "register_confirm_password_label": "Confirmer le mot de passe",
-  "Walkie-talkie call name": "Nom de l’appel talkie-walkie",
+  "return_home_button": "Retour à l’accueil",
-  "Walkie-talkie call": "Appel talkie-walkie",
+  "room_auth_view_eula_caption": "En cliquant sur « Rejoindre l’appel maintenant », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
-  "Waiting for other participants…": "En attente d’autres participants…",
+  "room_auth_view_join_button": "Rejoindre l’appel maintenant",
-  "Waiting for network": "En attente du réseau",
+  "screenshare_button_label": "Partage d’écran",
-  "Video call name": "Nom de l’appel vidéo",
+  "select_input_unset_button": "Sélectionnez une option",
-  "Video call": "Appel vidéo",
+  "settings": {
-  "Video": "Vidéo",
+    "developer_settings_label": "Paramètres développeurs",
-  "Version: {{version}}": "Version : {{version}}",
+    "developer_settings_label_description": "Affiche les paramètres développeurs dans la fenêtre des paramètres.",
-  "Username": "Nom d’utilisateur",
+    "developer_tab_title": "Développeur",
-  "User menu": "Menu utilisateur",
+    "feedback_tab_body": "Si vous rencontrez des problèmes, ou vous voulez simplement faire un commentaire, faites-en une courte description ci-dessous.",
-  "Unmute microphone": "Allumer le micro",
+    "feedback_tab_description_label": "Votre commentaire",
-  "Turn on camera": "Allumer la caméra",
+    "feedback_tab_h4": "Envoyer un commentaire",
-  "Turn off camera": "Couper la caméra",
+    "feedback_tab_send_logs_label": "Inclure les journaux de débogage",
-  "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.)": "Cela donnera l’impression que le son de l’intervenant provient de là où leur tuile est positionnée sur l’écran. (Fonctionnalité expérimentale : ceci pourrait avoir un impact sur la stabilité du son.)",
+    "feedback_tab_thank_you": "Merci, nous avons reçu vos commentaires !",
-  "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>": "Ce site est protégé par ReCAPTCHA, la <2>politique de confidentialité</2> et les <6>conditions d’utilisation</6> de Google s’appliquent.<9></9>En cliquant sur « S’enregistrer » vous acceptez également nos <12>conditions d’utilisation</12>",
+    "feedback_tab_title": "Commentaires",
-  "Talking…": "Vous parlez…",
+    "more_tab_title": "Plus",
-  "Speaker {{n}}": "Intervenant {{n}}",
+    "opt_in_description": "<0></0><1></1>Vous pouvez retirer votre consentement en décochant cette case. Si vous êtes actuellement en communication, ce paramètre prendra effet à la fin de l’appel.",
-  "Speaker": "Intervenant",
+    "show_connection_stats_label": "Afficher les statistiques de la connexion",
-  "Invite": "Inviter",
+    "speaker_device_selection_label": "Intervenant"
-  "<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…",
+  "star_rating_input_label_one": "{{count}} favori",
-  "<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>",
+  "star_rating_input_label_other": "{{count}} favoris",
-  "{{name}} (Connecting...)": "{{name}} (Connexion…)",
+  "start_new_call": "Démarrer un nouvel appel",
-  "Element Call Home": "Accueil Element Call",
+  "start_video_button_label": "Démarrer la vidéo",
-  "Copy": "Copier",
+  "stop_screenshare_button_label": "L’écran est partagé",
-  "{{name}} (Waiting for video...)": "{{name}} (En attente de vidéo…)",
+  "stop_video_button_label": "Arrêter la vidéo",
-  "This feature is only supported on Firefox.": "Cette fonctionnalité est prise en charge dans Firefox uniquement.",
+  "submitting": "Envoi…",
-  "<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>",
+  "unauthenticated_view_body": "Pas encore de compte ? <2>En créer un</2>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Oups, quelque chose s’est mal passé.</0>",
+  "unauthenticated_view_eula_caption": "En cliquant sur « Commencer », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
-  "Use the upcoming grid system": "Utiliser le futur système de grille",
+  "unauthenticated_view_login_button": "Connectez vous à votre compte",
-  "Expose developer settings in the settings window.": "Affiche les paramètres développeurs dans la fenêtre des paramètres.",
+  "unmute_microphone_button_label": "Allumer le microphone",
-  "Developer Settings": "Paramètres développeurs",
+  "version": "Version : {{version}}",
-  "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>.",
+  "video_tile": {
-  "<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.",
+    "presenter_label": "{{displayName}} est à l’écran",
-  "Your feedback": "Votre commentaire",
+    "sfu_participant_local": "Vous"
-  "Thanks, we received your feedback!": "Merci, nous avons reçu vos commentaires !",
+  },
-  "Submitting…": "Envoi…",
+  "waiting_for_participants": "En attente d’autres participants…"
-  "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,141 +1,139 @@
 {
-  "<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>",
+  "a11y": {
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Buat akun</0> Atau <2>Akses sebagai tamu</2>",
+    "user_menu": "Menu pengguna"
-  "<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.",
+  "action": {
-  "Accept microphone permissions to join the call.": "Terima izin mikrofon untuk bergabung ke panggilan.",
+    "close": "Tutup",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Pengguna yang lain di panggilan ini sedang mengalami masalah. Supaya dapat mendiagnosa masalah ini, kami ingin mengumpulkan sebuah catatan pengawakutuan.",
+    "copy": "Salin",
-  "Audio": "Audio",
+    "copy_link": "Salin tautan",
-  "Avatar": "Avatar",
+    "go": "Bergabung",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Dengan mengeklik \"Bergabung\", Anda terima <2>syarat dan ketentuan</2> kami",
+    "invite": "Undang",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Dengan mengeklik \"Bergabung ke panggilan sekarang\", Anda terima <2>syarat dan ketentuan</2> kami",
+    "no": "Tidak",
-  "Call link copied": "Tautan panggilan disalin",
+    "register": "Daftar",
-  "Call type menu": "Menu jenis panggilan",
+    "remove": "Hapus",
-  "Camera": "Kamera",
+    "sign_in": "Masuk",
-  "Camera {{n}}": "Kamera {{n}}",
+    "sign_out": "Keluar",
-  "Camera/microphone permissions needed to join the call.": "Izin kamera/mikrofon dibutuhkan untuk bergabung ke panggilan.",
+    "submit": "Kirim"
-  "Change layout": "Ubah tata letak",
+  },
-  "Close": "Tutup",
+  "analytics_notice": "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.",
-  "Confirm password": "Konfirmasi kata sandi",
+  "app_selection_modal": {
-  "Connection lost": "Koneksi hilang",
+    "continue_in_browser": "Lanjutkan dalam peramban",
-  "Copied!": "Disalin!",
+    "open_in_app": "Buka dalam aplikasi",
-  "Copy and share this call link": "Salin dan bagikan tautan panggilan ini",
+    "text": "Siap untuk bergabung?",
-  "Create account": "Buat akun",
+    "title": "Pilih plikasi"
-  "Debug log": "Catatan pengawakutuan",
+  },
-  "Debug log request": "Permintaan catatan pengawakutuan",
+  "browser_media_e2ee_unsupported": "Peramban web Anda tidak mendukung enkripsi media ujung ke ujung. Peramban yang didukung adalah Chrome, Safari, dan Firefox >=117",
-  "Details": "Detail",
+  "call_ended_view": {
-  "Developer": "Pengembang",
+    "body": "Anda terputus dari panggilan",
-  "Display name": "Nama tampilan",
+    "create_account_button": "Buat akun",
-  "Download debug logs": "Unduh catatan pengawakutuan",
+    "create_account_prompt": "<0>Kenapa tidak selesaikan dengan mengatur sebuah kata sandi untuk menjaga akun Anda?</0><1>Anda akan dapat tetap menggunakan nama Anda dan atur sebuah avatar untuk digunakan dalam panggilan di masa mendatang</1>",
-  "Exit full screen": "Keluar dari layar penuh",
+    "feedback_done": "<0>Terima kasih atas masukan Anda!</0>",
-  "Fetching group call timed out.": "Waktu pendapatan panggilan grup habis.",
+    "feedback_prompt": "<0>Kami ingin mendengar masukan Anda supaya kami bisa meningkatkan pengalaman Anda.</0>",
-  "Freedom": "Bebas",
+    "headline": "{{displayName}}, panggilan Anda telah berakhir.",
-  "Full screen": "Layar penuh",
+    "not_now_button": "Tidak sekarang, kembali ke layar beranda",
-  "Go": "Bergabung",
+    "reconnect_button": "Hubungkan ulang",
-  "Grid layout menu": "Menu tata letak kisi",
+    "survey_prompt": "Bagaimana rasanya?"
-  "Home": "Beranda",
+  },
-  "Include debug logs": "Termasuk catatan pengawakutuan",
+  "call_name": "Nama panggilan",
-  "Incompatible versions": "Versi tidak kompatibel",
+  "common": {
-  "Incompatible versions!": "Versi tidak kompatibel!",
+    "camera": "Kamera",
-  "Inspector": "Inspektur",
+    "copied": "Disalin!",
-  "Invite": "Undang",
+    "display_name": "Nama tampilan",
-  "Invite people": "Undang orang",
+    "encrypted": "Terenkripsi",
-  "Join call": "Bergabung ke panggilan",
+    "home": "Beranda",
-  "Join call now": "Bergabung ke panggilan sekarang",
+    "loading": "Memuat…",
-  "Join existing call?": "Bergabung ke panggilan yang sudah ada?",
+    "microphone": "Mikrofon",
-  "Leave": "Keluar",
+    "password": "Kata sandi",
-  "Loading…": "Memuat…",
+    "profile": "Profil",
-  "Local volume": "Volume lokal",
+    "settings": "Pengaturan",
-  "Logging in…": "Memasuki…",
+    "unencrypted": "Tidak terenkripsi",
-  "Login": "Masuk",
+    "username": "Nama pengguna"
-  "Login to your account": "Masuk ke akun Anda",
+  },
-  "Microphone": "Mikrofon",
+  "disconnected_banner": "Koneksi ke server telah hilang.",
-  "Microphone permissions needed to join the call.": "Izin mikrofon dibutuhkan untuk bergabung ke panggilan ini.",
+  "exit_fullscreen_button_label": "Keluar dari layar penuh",
-  "Microphone {{n}}": "Mikrofon {{n}}",
+  "full_screen_view_description": "<0>Mengirim catatan pengawakutuan akan membantu kami melacak masalahnya.</0>",
-  "More": "Lainnya",
+  "full_screen_view_h1": "<0>Aduh, ada yang salah.</0>",
-  "Mute microphone": "Bisukan mikrofon",
+  "fullscreen_button_label": "Layar penuh",
-  "No": "Tidak",
+  "group_call_loader_failed_heading": "Panggilan tidak ditemukan",
-  "Not now, return to home screen": "Tidak sekarang, kembali ke layar beranda",
+  "group_call_loader_failed_text": "Panggilan sekarang terenkripsi secara ujung ke ujung dan harus dibuat dari laman beranda. Ini memastikan bahwa semuanya menggunakan kunci enkripsi yang sama.",
-  "Not registered yet? <2>Create an account</2>": "Belum terdaftar? <2>Buat sebuah akun</2>",
+  "hangup_button_label": "Akhiri panggilan",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Pengguna lain sedang mencoba bergabung ke panggilan ini dari versi yang tidak kompatibel. Pengguna berikut seharusnya memastikan bahwa mereka telah memuat ulang peramban mereka: <1>{userLis}</1>",
+  "header_label": "Beranda Element Call",
-  "Password": "Kata sandi",
+  "header_participants_label": "Peserta",
-  "Passwords must match": "Kata sandi harus cocok",
+  "invite_modal": {
-  "Press and hold spacebar to talk": "Tekan dan tahan bilah spasi untuk berbicara",
+    "link_copied_toast": "Tautan disalin ke papan klip",
-  "Press and hold spacebar to talk over {{name}}": "Tekan dan tahan bilah spasi untuk berbicara pada {{name}}",
+    "title": "Undang ke panggilan ini"
-  "Press and hold to talk": "Tekan dan tahan untuk berbicara",
+  },
-  "Press and hold to talk over {{name}}": "Tekan dan tahan untuk berbicara pada {{name}}",
+  "join_existing_call_modal": {
-  "Profile": "Profil",
+    "join_button": "Ya, bergabung ke panggilan",
-  "Recaptcha dismissed": "Recaptcha ditutup",
+    "text": "Panggilan ini sudah ada, apakah Anda ingin bergabung?",
-  "Recaptcha not loaded": "Recaptcha tidak dimuat",
+    "title": "Bergabung ke panggilan yang sudah ada?"
-  "Register": "Daftar",
+  },
-  "Registering…": "Mendaftarkan…",
+  "layout_grid_label": "Kisi",
-  "Release spacebar key to stop": "Lepaskan bilah spasi untuk berhenti",
+  "layout_spotlight_label": "Sorotan",
-  "Release to stop": "Lepaskan untuk berhenti",
+  "lobby": {
-  "Remove": "Hapus",
+    "join_button": "Bergabung ke panggilan",
-  "Return to home screen": "Kembali ke layar beranda",
+    "leave_button": "Kembali ke terkini"
-  "Select an option": "Pilih sebuah opsi",
+  },
-  "Send debug logs": "Kirim catatan pengawakutuan",
+  "local_volume_label": "Volume lokal",
-  "Sending…": "Mengirimkan…",
+  "logging_in": "Memasuki…",
-  "Settings": "Pengaturan",
+  "login_auth_links": "<0>Buat akun</0> Atau <2>Akses sebagai tamu</2>",
-  "Share screen": "Bagikan layar",
+  "login_title": "Masuk",
-  "Show call inspector": "Tampilkan inspektur panggilan",
+  "microphone_off": "Mikrofon dimatikan",
-  "Sign in": "Masuk",
+  "microphone_on": "Mikrofon dinyalakan",
-  "Sign out": "Keluar",
+  "mute_microphone_button_label": "Matikan mikrofon",
-  "Spatial audio": "Audio spasial",
+  "rageshake_button_error_caption": "Kirim ulang catatan",
-  "Speaker": "Pembicara",
+  "rageshake_request_modal": {
-  "Speaker {{n}}": "Pembicara {{n}}",
+    "body": "Pengguna yang lain di panggilan ini sedang mengalami masalah. Supaya dapat mendiagnosa masalah ini, kami ingin mengumpulkan sebuah catatan pengawakutuan.",
-  "Spotlight": "Sorotan",
+    "title": "Permintaan catatan pengawakutuan"
-  "Stop sharing screen": "Berhenti membagikan layar",
+  },
-  "Submit feedback": "Kirim masukan",
+  "rageshake_send_logs": "Kirim catatan pengawakutuan",
-  "Take me Home": "Bawa saya ke Beranda",
+  "rageshake_sending": "Mengirimkan…",
-  "Talk over speaker": "Bicara pada pembicara",
+  "rageshake_sending_logs": "Mengirimkan catatan pengawakutuan…",
-  "Talking…": "Berbicara…",
+  "rageshake_sent": "Terima kasih!",
-  "Thanks! We'll get right on it.": "Terima kasih! Kami akan melihatnya.",
+  "recaptcha_caption": "Situs ini dilindungi oleh reCAPTCHA dan <2>Kebijakan Privasi</2> dan <6>Ketentuan Layanan</6> Google berlaku.<9></9>Dengan mengeklik \"Daftar\", Anda menyetujui <12>Perjanjian Lisensi Pengguna Akhir (EULA)</12> kami",
-  "This call already exists, would you like to join?": "Panggilan ini sudah ada, apakah Anda ingin bergabung?",
+  "recaptcha_dismissed": "Recaptcha ditutup",
-  "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>": "Situs ini dilindungi oleh ReCAPTCHA dan <2>Kebijakan Privasi</2> dan <6>Ketentuan Layanan</6> Google berlaku.<9>Dengan mengeklik \"Daftar\", Anda terima <12>syarat dan ketentuan</12> kami",
+  "recaptcha_not_loaded": "Recaptcha tidak dimuat",
-  "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.)": "Ini akan membuat suara pembicara seolah-olah berasal dari tempat ubin mereka diposisikan di layar. (Fitur uji coba: ini dapat memengaruhi stabilitas audio.)",
+  "register": {
-  "Turn off camera": "Matikan kamera",
+    "passwords_must_match": "Kata sandi harus cocok",
-  "Turn on camera": "Nyalakan kamera",
+    "registering": "Mendaftarkan…"
-  "Unmute microphone": "Suarakan mikrofon",
+  },
-  "User menu": "Menu pengguna",
+  "register_auth_links": "<0>Sudah punya akun?</0><1><0>Masuk</0> Atau <2>Akses sebagai tamu</2></1>",
-  "Username": "Nama pengguna",
+  "register_confirm_password_label": "Konfirmasi kata sandi",
-  "Version: {{version}}": "Versi: {{version}}",
+  "return_home_button": "Kembali ke layar beranda",
-  "Video": "Video",
+  "room_auth_view_eula_caption": "Dengan mengeklik \"Bergabung ke panggilan sekarang\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2> kami",
-  "Video call": "Panggilan video",
+  "room_auth_view_join_button": "Bergabung ke panggilan sekarang",
-  "Video call name": "Nama panggilan video",
+  "screenshare_button_label": "Bagikan layar",
-  "Waiting for network": "Menunggu jaringan",
+  "select_input_unset_button": "Pilih sebuah opsi",
-  "Waiting for other participants…": "Menunggu peserta lain…",
+  "settings": {
-  "Walkie-talkie call": "Panggilan protofon",
+    "developer_settings_label": "Pengaturan Pengembang",
-  "Walkie-talkie call name": "Nama panggilan protofon",
+    "developer_settings_label_description": "Ekspos pengaturan pengembang dalam jendela pengaturan.",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC tidak didukung atau diblokir di peramban ini.",
+    "developer_tab_title": "Pengembang",
-  "Yes, join call": "Ya, bergabung ke panggilan",
+    "feedback_tab_body": "Jika Anda mengalami masalah atau hanya ingin memberikan masukan, silakan kirimkan kami deskripsi pendek di bawah.",
-  "You can't talk at the same time": "Anda tidak dapat berbicara pada waktu yang sama",
+    "feedback_tab_description_label": "Masukan Anda",
-  "Your recent calls": "Panggilan Anda terkini",
+    "feedback_tab_h4": "Kirim masukan",
-  "{{count}} people connected|one": "{{count}} orang terhubung",
+    "feedback_tab_send_logs_label": "Termasuk catatan pengawakutuan",
-  "{{count}} people connected|other": "{{count}} orang terhubung",
+    "feedback_tab_thank_you": "Terima kasih, kami telah menerima masukan Anda!",
-  "{{displayName}}, your call is now ended": "{{displayName}}, panggilan Anda sekarang telah berakhir",
+    "feedback_tab_title": "Masukan",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "more_tab_title": "Lainnya",
-  "{{name}} is presenting": "{{name}} sedang mempresentasi",
+    "opt_in_description": "<0></0><1></1>Anda dapat mengurungkan kembali izin dengan mencentang kotak ini. Jika Anda saat ini dalam panggilan, pengaturan ini akan diterapkan di akhir panggilan.",
-  "{{name}} is talking…": "{{name}} sedang berbicara…",
+    "show_connection_stats_label": "Tampilkan statistik koneksi",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Panggilan protofon",
+    "speaker_device_selection_label": "Pembicara"
-  "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>",
+  "star_rating_input_label_one": "{{count}} bintang",
-  "{{name}} (Connecting...)": "{{name}} (Menghubungkan...)",
+  "star_rating_input_label_other": "{{count}} bintang",
-  "Element Call Home": "Beranda Element Call",
+  "start_new_call": "Mulai panggilan baru",
-  "Copy": "Salin",
+  "start_video_button_label": "Nyalakan video",
-  "{{name}} (Waiting for video...)": "{{name}} (Menunggu video...)",
+  "stop_screenshare_button_label": "Berbagi layar",
-  "This feature is only supported on Firefox.": "Fitur ini hanya didukung di Firefox.",
+  "stop_video_button_label": "Matikan video",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Mengirim catatan pengawakutuan akan membantu kami melacak masalahnya.</0>",
+  "submitting": "Mengirim…",
-  "<0>Oops, something's gone wrong.</0>": "<0>Aduh, ada yang salah.</0>",
+  "unauthenticated_view_body": "Belum terdaftar? <2>Buat sebuah akun</2>",
-  "Use the upcoming grid system": "Gunakan sistem kisi yang akan segera datang",
+  "unauthenticated_view_eula_caption": "Dengan mengeklik \"Bergabung\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2>",
-  "Expose developer settings in the settings window.": "Ekspos pengaturan pengembang dalam jendela pengaturan.",
+  "unauthenticated_view_login_button": "Masuk ke akun Anda",
-  "Developer Settings": "Pengaturan Pengembang",
+  "unmute_microphone_button_label": "Nyalakan mikrofon",
-  "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.",
+  "version": "Versi: {{version}}",
-  "<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.",
+  "video_tile": {
-  "Feedback": "Masukan",
+    "presenter_label": "{{displayName}} sedang menampilkan",
-  "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.",
+    "sfu_participant_local": "Anda"
-  "Submit": "Kirim",
+  },
-  "Submitting…": "Mengirim",
+  "waiting_for_participants": "Menunggu peserta lain…"
-  "Thanks, we received your feedback!": "Terima kasih, kami telah menerima masukan Anda!",
-  "Your feedback": "Masukan Anda"
 }

public/locales/it/app.json

@@ -0,0 +1,136 @@
+{
+  "a11y": {
+    "user_menu": "Menu utente"
+  },
+  "action": {
+    "close": "Chiudi",
+    "copy": "Copia",
+    "copy_link": "Copia collegamento",
+    "go": "Vai",
+    "invite": "Invita",
+    "register": "Registra",
+    "remove": "Rimuovi",
+    "sign_in": "Accedi",
+    "sign_out": "Disconnetti",
+    "submit": "Invia"
+  },
+  "analytics_notice": "Partecipando a questa beta, acconsenti alla raccolta di dati anonimi che usiamo per migliorare il prodotto. Puoi trovare più informazioni su quali dati monitoriamo nella nostra <2>informativa sulla privacy</2> e nell'<5>informativa sui cookie</5>.",
+  "app_selection_modal": {
+    "continue_in_browser": "Continua nel browser",
+    "open_in_app": "Apri nell'app",
+    "text": "Tutto pronto per entrare?",
+    "title": "Seleziona app"
+  },
+  "browser_media_e2ee_unsupported": "Il tuo browser non supporta la crittografia end-to-end dei media. I browser supportati sono Chrome, Safari, Firefox >=117",
+  "call_ended_view": {
+    "body": "Sei stato disconnesso dalla chiamata",
+    "create_account_button": "Crea profilo",
+    "create_account_prompt": "<0>Ti va di terminare impostando una password per mantenere il profilo?</0><1>Potrai mantenere il tuo nome e impostare un avatar da usare in chiamate future</1>",
+    "feedback_done": "<0>Grazie per la tua opinione!</0>",
+    "feedback_prompt": "<0>Vorremmo sapere la tua opinione in modo da migliorare l'esperienza.</0>",
+    "headline": "{{displayName}}, la chiamata è terminata.",
+    "not_now_button": "Non ora, torna alla schermata principale",
+    "reconnect_button": "Riconnetti",
+    "survey_prompt": "Com'è andata?"
+  },
+  "call_name": "Nome della chiamata",
+  "common": {
+    "camera": "Fotocamera",
+    "copied": "Copiato!",
+    "display_name": "Il tuo nome",
+    "encrypted": "Cifrata",
+    "home": "Pagina iniziale",
+    "loading": "Caricamento…",
+    "microphone": "Microfono",
+    "profile": "Profilo",
+    "settings": "Impostazioni",
+    "unencrypted": "Non cifrata",
+    "username": "Nome utente"
+  },
+  "disconnected_banner": "La connessione al server è stata persa.",
+  "exit_fullscreen_button_label": "Esci da schermo intero",
+  "full_screen_view_description": "<0>L'invio di registri di debug ci aiuterà ad individuare il problema.</0>",
+  "full_screen_view_h1": "<0>Ops, qualcosa è andato storto.</0>",
+  "fullscreen_button_label": "Schermo intero",
+  "group_call_loader_failed_heading": "Chiamata non trovata",
+  "group_call_loader_failed_text": "Le chiamate ora sono cifrate end-to-end e devono essere create dalla pagina principale. Ciò assicura che chiunque usi la stessa chiave di crittografia.",
+  "hangup_button_label": "Termina chiamata",
+  "header_label": "Inizio di Element Call",
+  "header_participants_label": "Partecipanti",
+  "invite_modal": {
+    "link_copied_toast": "Collegamento copiato negli appunti",
+    "title": "Invita a questa chiamata"
+  },
+  "join_existing_call_modal": {
+    "join_button": "Sì, entra in chiamata",
+    "text": "Questa chiamata esiste già, vuoi entrare?",
+    "title": "Entrare in una chiamata esistente?"
+  },
+  "layout_grid_label": "Griglia",
+  "layout_spotlight_label": "In primo piano",
+  "lobby": {
+    "join_button": "Entra in chiamata",
+    "leave_button": "Torna ai recenti"
+  },
+  "local_volume_label": "Volume locale",
+  "logging_in": "Accesso…",
+  "login_auth_links": "<0>Crea un profilo</0> o <2>Accedi come ospite</2>",
+  "login_title": "Accedi",
+  "microphone_off": "Microfono spento",
+  "microphone_on": "Microfono acceso",
+  "mute_microphone_button_label": "Spegni il microfono",
+  "rageshake_button_error_caption": "Riprova l'invio dei registri",
+  "rageshake_request_modal": {
+    "body": "Un altro utente in questa chiamata sta avendo problemi. Per diagnosticare meglio questi problemi, vorremmo raccogliere un registro di debug.",
+    "title": "Richiesta registro di debug"
+  },
+  "rageshake_send_logs": "Invia registri di debug",
+  "rageshake_sending": "Invio…",
+  "rageshake_sending_logs": "Invio dei registri di debug…",
+  "rageshake_sent": "Grazie!",
+  "recaptcha_caption": "Questo sito è protetto da ReCAPTCHA e si applicano l'<2>informativa sulla privacy</2> e i <6>termini di servizio</6> di Google.<9></9>Cliccando \"Registra\", accetti il nostro <12>accordo di licenza con l'utente finale (EULA)</12>",
+  "recaptcha_dismissed": "Recaptcha annullato",
+  "recaptcha_not_loaded": "Recaptcha non caricato",
+  "register": {
+    "passwords_must_match": "Le password devono coincidere",
+    "registering": "Registrazione…"
+  },
+  "register_auth_links": "<0>Hai già un profilo?</0><1><0>Accedi</0> o <2>Accedi come ospite</2></1>",
+  "register_confirm_password_label": "Conferma password",
+  "return_home_button": "Torna alla schermata di iniziale",
+  "room_auth_view_eula_caption": "Cliccando \"Entra in chiamata ora\", accetti il nostro <2>accordo di licenza con l'utente finale (EULA)</2>",
+  "room_auth_view_join_button": "Entra in chiamata ora",
+  "screenshare_button_label": "Condividi schermo",
+  "select_input_unset_button": "Seleziona un'opzione",
+  "settings": {
+    "developer_settings_label": "Impostazioni per sviluppatori",
+    "developer_settings_label_description": "Mostra le impostazioni per sviluppatori nella finestra delle impostazioni.",
+    "developer_tab_title": "Sviluppatore",
+    "feedback_tab_body": "Se stai riscontrando problemi o semplicemente vuoi dare un'opinione, inviaci una breve descrizione qua sotto.",
+    "feedback_tab_description_label": "Il tuo commento",
+    "feedback_tab_h4": "Invia commento",
+    "feedback_tab_send_logs_label": "Includi registri di debug",
+    "feedback_tab_thank_you": "Grazie, abbiamo ricevuto il tuo commento!",
+    "more_tab_title": "Altro",
+    "opt_in_description": "<0></0><1></1>Puoi revocare il consenso deselezionando questa casella. Se attualmente sei in una chiamata, avrà effetto al termine di essa.",
+    "show_connection_stats_label": "Mostra statistiche connessione",
+    "speaker_device_selection_label": "Altoparlante"
+  },
+  "star_rating_input_label_one": "{{count}} stelle",
+  "star_rating_input_label_other": "{{count}} stelle",
+  "start_new_call": "Inizia una nuova chiamata",
+  "start_video_button_label": "Avvia video",
+  "stop_screenshare_button_label": "Condivisione schermo",
+  "stop_video_button_label": "Ferma video",
+  "submitting": "Invio…",
+  "unauthenticated_view_body": "Non hai ancora un profilo? <2>Creane uno</2>",
+  "unauthenticated_view_eula_caption": "Cliccando \"Vai\", accetti il nostro <2>accordo di licenza con l'utente finale (EULA)</2>",
+  "unauthenticated_view_login_button": "Accedi al tuo profilo",
+  "unmute_microphone_button_label": "Riaccendi il microfono",
+  "version": "Versione: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} sta presentando",
+    "sfu_participant_local": "Tu"
+  },
+  "waiting_for_participants": "In attesa di altri partecipanti…"
+}

public/locales/ja/app.json

@@ -1,107 +1,75 @@
 {
-  "{{name}} (Connecting...)": "{{name}}（接続しています…）",
+  "a11y": {
-  "{{count}} people connected|other": "{{count}}人が接続済",
+    "user_menu": "ユーザーメニュー"
-  "{{count}} people connected|one": "{{count}}人が接続済",
+  },
-  "{{name}} (Waiting for video...)": "{{name}}（ビデオを待機しています…）",
+  "action": {
-  "<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>",
+    "close": "閉じる",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - トランシーバー通話",
+    "copy": "コピー",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>アカウントを作成</0>または<2>ゲストとしてアクセス</2>",
+    "go": "続行",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>今すぐ通話に参加</0><1>または</1><2>通話リンクをコピーし、後で参加</2>",
+    "no": "いいえ",
-  "Accept camera/microphone permissions to join the call.": "通話に参加するには、カメラ・マイクの許可が必要です。",
+    "register": "登録",
-  "<0>Oops, something's gone wrong.</0>": "<0>何かがうまく行きませんでした。</0>",
+    "remove": "削除",
-  "Camera/microphone permissions needed to join the call.": "通話に参加する場合、カメラ・マイクの許可が必要です。",
+    "sign_in": "サインイン",
-  "Camera": "カメラ",
+    "sign_out": "サインアウト"
-  "Call link copied": "通話リンクをコピーしました",
+  },
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "「今すぐ通話に参加」をクリックすると、<2>利用規約</2>に同意したとみなされます",
+  "call_ended_view": {
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "「続行」をクリックすると、 <2>利用規約</2>に同意したとみなされます",
+    "create_account_button": "アカウントを作成"
-  "Avatar": "アバター",
+  },
-  "Accept microphone permissions to join the call.": "通話に参加するには、マイクの許可が必要です。",
+  "common": {
-  "Audio": "音声",
+    "audio": "音声",
-  "Connection lost": "接続が切断されました",
+    "avatar": "アバター",
-  "Confirm password": "パスワードを確認",
+    "camera": "カメラ",
-  "Close": "閉じる",
+    "copied": "コピーしました！",
-  "Change layout": "レイアウトを変更",
+    "display_name": "表示名",
-  "Copied!": "コピーしました！",
+    "home": "ホーム",
-  "Copy and share this call link": "通話リンクをコピーし共有",
+    "loading": "読み込んでいます…",
-  "Copy": "コピー",
+    "microphone": "マイク",
-  "Debug log": "デバッグログ",
+    "password": "パスワード",
-  "Create account": "アカウントを作成",
+    "profile": "プロフィール",
-  "Go": "続行",
+    "settings": "設定",
-  "Fetching group call timed out.": "グループ通話の取得がタイムアウトしました。",
+    "username": "ユーザー名",
-  "Element Call Home": "Element Call ホーム",
+    "video": "ビデオ"
-  "Download debug logs": "デバッグログをダウンロード",
+  },
-  "Display name": "表示名",
+  "exit_fullscreen_button_label": "全画面表示を終了",
-  "Developer": "開発者",
+  "full_screen_view_h1": "<0>何かがうまく行きませんでした。</0>",
-  "Details": "詳細",
+  "fullscreen_button_label": "全画面表示",
-  "Full screen": "全画面表示",
+  "header_label": "Element Call ホーム",
-  "Exit full screen": "全画面表示を終了",
+  "join_existing_call_modal": {
-  "Include debug logs": "デバッグログを含める",
+    "join_button": "はい、通話に参加",
-  "Home": "ホーム",
+    "text": "この通話は既に存在します。参加しますか？",
-  "Incompatible versions!": "互換性のないバージョンです！",
+    "title": "既存の通話に参加しますか？"
-  "Incompatible versions": "互換性のないバージョン",
+  },
-  "Join existing call?": "既存の通話に参加しますか？",
+  "layout_spotlight_label": "スポットライト",
-  "Join call now": "今すぐ通話に参加",
+  "lobby": {
-  "Join call": "通話に参加",
+    "join_button": "通話に参加"
-  "Invite": "招待",
+  },
-  "Invite people": "連絡先を招待",
+  "logging_in": "ログインしています…",
-  "Not registered yet? <2>Create an account</2>": "アカウントがありませんか？ <2>アカウントを作成</2>",
+  "login_auth_links": "<0>アカウントを作成</0>または<2>ゲストとしてアクセス</2>",
-  "Mute microphone": "マイクをミュート",
+  "login_title": "ログイン",
-  "Microphone permissions needed to join the call.": "通話の参加にはマイクの許可が必要です。",
+  "rageshake_request_modal": {
-  "Microphone": "マイク",
+    "title": "デバッグログを要求"
-  "Login": "ログイン",
+  },
-  "Logging in…": "ログインしています…",
+  "rageshake_send_logs": "デバッグログを送信",
-  "Loading…": "読み込んでいます…",
+  "rageshake_sending": "送信しています…",
-  "Leave": "退出",
+  "rageshake_sending_logs": "デバッグログを送信しています…",
-  "Version: {{version}}": "バージョン：{{version}}",
+  "register": {
-  "Username": "ユーザー名",
+    "passwords_must_match": "パスワードが一致する必要があります",
-  "User menu": "ユーザーメニュー",
+    "registering": "登録しています…"
-  "Unmute microphone": "マイクのミュートを解除",
+  },
-  "Turn on camera": "カメラをつける",
+  "register_auth_links": "<0>既にアカウントをお持ちですか？</0><1><0>ログイン</0>または<2>ゲストとしてアクセス</2></1>",
-  "Turn off camera": "カメラを切る",
+  "register_confirm_password_label": "パスワードを確認",
-  "Submit feedback": "フィードバックを送信",
+  "return_home_button": "ホーム画面に戻る",
-  "Stop sharing screen": "画面共有を停止",
+  "room_auth_view_join_button": "今すぐ通話に参加",
-  "Spotlight": "スポットライト",
+  "screenshare_button_label": "画面共有",
-  "Send debug logs": "デバッグログを送信",
+  "select_input_unset_button": "オプションを選択",
-  "Sign out": "サインアウト",
+  "settings": {
-  "Sign in": "サインイン",
+    "developer_tab_title": "開発者",
-  "Share screen": "画面共有",
+    "feedback_tab_h4": "フィードバックを送信",
-  "Settings": "設定",
+    "feedback_tab_send_logs_label": "デバッグログを含める",
-  "Sending…": "送信しています…",
+    "speaker_device_selection_label": "スピーカー"
-  "Sending debug logs…": "デバッグログを送信しています…",
+  },
-  "Return to home screen": "ホーム画面に戻る",
+  "unauthenticated_view_body": "アカウントがありませんか？ <2>アカウントを作成</2>",
-  "Registering…": "登録しています…",
+  "unauthenticated_view_login_button": "アカウントにログイン",
-  "Register": "登録",
+  "version": "バージョン：{{version}}",
-  "Profile": "プロフィール",
+  "waiting_for_participants": "他の参加者を待機しています…"
-  "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,11 +0,0 @@
-{
-  "<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>": "",
-  "{{count}} people connected|one": "{{count}}명 연결됨",
-  "{{count}} people connected|other": "{{count}}명 연결됨",
-  "{{displayName}}, your call is now ended": "{{displayName}}님, 전화가 종료되었습니다",
-  "{{names}}, {{name}}": "{{names}}님, {{name}}님",
-  "{{name}} is presenting": "{{name}}님이 발표 중",
-  "{{name}} is talking…": "{{name}}님이 말하는 중…",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - 워키토키 전화"
-}

public/locales/lv/app.json

@@ -0,0 +1,110 @@
+{
+  "a11y": {
+    "user_menu": "Lietotāja izvēlne"
+  },
+  "action": {
+    "close": "Aizvērt",
+    "copy": "Ievietot starpliktuvē",
+    "go": "Aiziet",
+    "no": "Nē",
+    "register": "Reģistrēties",
+    "remove": "Noņemt",
+    "sign_in": "Pieteikties",
+    "sign_out": "Atteikties",
+    "submit": "Iesniegt"
+  },
+  "analytics_notice": "Piedalīšanās šajā beta apliecina piekrišanu anonīmu datu ievākšanai, ko mēs izmantojam, lai uzlabotu izstrādājumu. Vairāk informācijas par datiem, ko mēs ievācam, var atrast mūsu <2>privātuma nosacījumos</2> un <5>sīkdatņu nosacījumos</5>.",
+  "call_ended_view": {
+    "body": "Tu tiki atvienots no zvana",
+    "create_account_button": "Izveidot kontu",
+    "create_account_prompt": "<0>Kādēļ nepabeigt ar paroles iestatīšanu, lai paturētu savu kontu?</0><1>Būs iespējams paturēt savu vārdu un iestatīt attēlu izmantošanai turpmākajos zvanos</1>",
+    "feedback_done": "<0>Paldies par atsauksmi!</0>",
+    "feedback_prompt": "<0>Mums patiktu saņemt Tavu atsauksmi, lai mēs varētu uzlabot Tavu pieredzi.</0>",
+    "headline": "{{displayName}}, Tavs zvans ir beidzies.",
+    "not_now_button": "Ne tagad, atgriezties sākuma ekrānā",
+    "reconnect_button": "Atkārtoti savienoties",
+    "survey_prompt": "Kā Tev veicās?"
+  },
+  "common": {
+    "audio": "Skaņa",
+    "avatar": "Attēls",
+    "camera": "Kamera",
+    "copied": "Ievietots starpliktuvē.",
+    "display_name": "Attēlojamais vārds",
+    "home": "Sākums",
+    "loading": "Lādējas…",
+    "microphone": "Mikrofons",
+    "password": "Parole",
+    "profile": "Profils",
+    "settings": "Iestatījumi",
+    "username": "Lietotājvārds"
+  },
+  "disconnected_banner": "Ir zaudēts savienojums ar serveri.",
+  "exit_fullscreen_button_label": "Iziet no pilnekrāna",
+  "full_screen_view_description": "<0>Atkļūdošanas žurnāla ierakstu iesūtīšana palīdzēs mums atklāt nepilnību.</0>",
+  "full_screen_view_h1": "<0>Ak vai, kaut kas nogāja greizi!</0>",
+  "fullscreen_button_label": "Pilnekrāns",
+  "header_label": "Element Call sākums",
+  "join_existing_call_modal": {
+    "join_button": "Jā, pievienoties zvanam",
+    "text": "Šis zvans jau pastāv. Vai vēlies pievienoties?",
+    "title": "Pievienoties esošam zvanam?"
+  },
+  "layout_spotlight_label": "Starmešu gaisma",
+  "lobby": {
+    "join_button": "Pievienoties zvanam"
+  },
+  "local_volume_label": "Vietējais skaļums",
+  "logging_in": "Piesakās…",
+  "login_auth_links": "<0>Izveidot kontu</0> vai <2>Piekļūt kā viesim</2>",
+  "login_title": "Pieteikties",
+  "rageshake_button_error_caption": "Atkārtoti mēģināt žurnāla ierakstu nosūtīšanu",
+  "rageshake_request_modal": {
+    "body": "Citam lietotājam šajā zvanā ir sarežģījumi. Lai labāk atklātu šīs nepilnības, mēs gribētu iegūt atkļūdošanas žurnālu.",
+    "title": "Atkļūdošanas žurnāla pieprasījums"
+  },
+  "rageshake_send_logs": "Nosūtīt atkļūdošanas žurnāla ierakstus",
+  "rageshake_sending": "Nosūta…",
+  "rageshake_sending_logs": "Nosūta atkļūdošanas žurnāla ierakstus…",
+  "rageshake_sent": "Paldies!",
+  "recaptcha_caption": "Šo vietni aizsargā ReCAPTCHA, un ir attiecināmi Google <2>privātuma nosacījumi</2> un <6>pakalpojuma noteikumi</6>.<9></9>Klikšķināšana uz \"Reģistrēties\" sniedz piekrišanu mūsu <12>galalietotāja licencēšanas nolīgumam (GLLN)</12>",
+  "recaptcha_dismissed": "ReCaptcha atmesta",
+  "recaptcha_not_loaded": "ReCaptcha nav ielādēta",
+  "register": {
+    "passwords_must_match": "Parolēm ir jāsakrīt",
+    "registering": "Reģistrē…"
+  },
+  "register_auth_links": "<0>Jau ir konts?</0><1><0>Pieteikties</0> vai <2>Piekļūt kā viesim</2></1>",
+  "register_confirm_password_label": "Apstiprināt paroli",
+  "return_home_button": "Atgriezties sākuma ekrānā",
+  "room_auth_view_eula_caption": "Klikšķināšana uz \"Pievienoties zvanam tagad\" apliecina piekrišanu mūsu <2>galalietotāja licencēšanas nolīgumam (GLLN)</2>",
+  "room_auth_view_join_button": "Pievienoties zvanam tagad",
+  "screenshare_button_label": "Kopīgot ekrānu",
+  "select_input_unset_button": "Atlasīt iespēju",
+  "settings": {
+    "developer_settings_label": "Izstrādātāja iestatījumi",
+    "developer_settings_label_description": "Izstādīt izstrādātāja iestatījumus iestatījumu logā.",
+    "developer_tab_title": "Izstrādātājs",
+    "feedback_tab_body": "Ja tiek piedzīvoti sarežģījumi vai vienkārši ir vēlme sniegt kādu atsauksmi, lūgums zemāk nosūtīt mums īsu aprakstu.",
+    "feedback_tab_description_label": "Tava atsauksme",
+    "feedback_tab_h4": "Iesniegt atsauksmi",
+    "feedback_tab_send_logs_label": "Iekļaut atkļūdošanas žurnāla ierakstus",
+    "feedback_tab_thank_you": "Paldies, mēs saņēmām atsauksmi!",
+    "feedback_tab_title": "Atsauksmes",
+    "more_tab_title": "Vairāk",
+    "opt_in_description": "<0></0><1></1>Savu piekrišanu var atsaukt ar atzīmes noņemšanu no šīs rūtiņas. Ja pašreiz atrodies zvanā, šis iestatījums stāsies spēkā zvana beigās.",
+    "show_connection_stats_label": "Rādīt savienojuma apkopojumu",
+    "speaker_device_selection_label": "Runātājs"
+  },
+  "star_rating_input_label_one": "{{count}} zvaigzne",
+  "star_rating_input_label_other": "{{count}} zvaigznes",
+  "submitting": "Iesniedz…",
+  "unauthenticated_view_body": "Vēl neesi reģistrējies? <2>Izveidot kontu</2>",
+  "unauthenticated_view_eula_caption": "Klikšķināšana uz \"Aiziet\" apliecina piekrišanu mūsu <2>galalietotāja licencēšanas nolīgumam (GLLN)</2>",
+  "unauthenticated_view_login_button": "Pieteikties kontā",
+  "version": "Versija: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} uzstājas"
+  },
+  "waiting_for_participants": "Gaida citus dalībniekus…"
+}

public/locales/pl/app.json

@@ -1,135 +1,142 @@
 {
-  "Login": "Zaloguj się",
+  "a11y": {
-  "Go": "Przejdź",
+    "user_menu": "Menu użytkownika"
-  "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",
+  "action": {
-  "Your recent calls": "Twoje ostatnie połączenia",
+    "close": "Zamknij",
-  "You can't talk at the same time": "Nie możesz mówić w tym samym czasie",
+    "copy": "Kopiuj",
-  "Yes, join call": "Tak, dołącz do połączenia",
+    "copy_link": "Kopiuj link",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC jest niewspierane lub zablokowane w tej przeglądarce.",
+    "go": "Przejdź",
-  "Walkie-talkie call name": "Nazwa połączenia walkie-talkie",
+    "invite": "Zaproś",
-  "Walkie-talkie call": "Połączenie walkie-talkie",
+    "no": "Nie",
-  "Waiting for other participants…": "Oczekiwanie na pozostałych uczestników…",
+    "register": "Zarejestruj",
-  "Waiting for network": "Oczekiwanie na sieć",
+    "remove": "Usuń",
-  "Video call name": "Nazwa połączenia wideo",
+    "sign_in": "Zaloguj się",
-  "Video call": "Połączenie wideo",
+    "sign_out": "Wyloguj się",
-  "Video": "Wideo",
+    "submit": "Wyślij"
-  "Version: {{version}}": "Wersja: {{version}}",
+  },
-  "Username": "Nazwa użytkownika",
+  "analytics_notice": "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>.",
-  "User menu": "Menu użytkownika",
+  "app_selection_modal": {
-  "Unmute microphone": "Wyłącz wyciszenie mikrofonu",
+    "continue_in_browser": "Kontynuuj w przeglądarce",
-  "Turn on camera": "Włącz kamerę",
+    "open_in_app": "Otwórz w aplikacji",
-  "Turn off camera": "Wyłącz kamerę",
+    "text": "Gotowy, by dołączyć?",
-  "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.)": "Sprawi to, że dźwięk mówcy będzie zdawał się dochodzić z jego miejsca na ekranie. (Funkcja eksperymentalna: może mieć wpływ na stabilność dźwięku.)",
+    "title": "Wybierz aplikację"
-  "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.",
+  "browser_media_e2ee_unsupported": "Twoja przeglądarka nie wspiera szyfrowania end-to-end. Wspierane przeglądarki to Chrome, Safari, Firefox >=117",
-  "Talking…": "Mówienie…",
+  "call_ended_view": {
-  "Take me Home": "Zabierz mnie do strony głównej",
+    "body": "Rozłączono Cię z połączenia",
-  "Submit feedback": "Prześlij opinię",
+    "create_account_button": "Utwórz konto",
-  "Stop sharing screen": "Zatrzymaj udostępnianie ekranu",
+    "create_account_prompt": "<0>Może zechcesz ustawić hasło, aby zachować swoje konto?</0><1>Będziesz w stanie utrzymać swoją nazwę i ustawić awatar do wyświetlania podczas połączeń w przyszłości</1>",
-  "Spotlight": "Centrum uwagi",
+    "feedback_done": "<0>Dziękujemy za Twoją opinię!</0>",
-  "Speaker {{n}}": "Głośnik {{n}}",
+    "feedback_prompt": "<0>Z przyjemnością wysłuchamy Twojej opinii, aby poprawić Twoje doświadczenia.</0>",
-  "Speaker": "Głośnik",
+    "headline": "{{displayName}}, Twoje połączenie zostało zakończone.",
-  "Spatial audio": "Dźwięk przestrzenny",
+    "not_now_button": "Nie teraz, powróć do ekranu domowego",
-  "Sign out": "Wyloguj się",
+    "reconnect_button": "Połącz ponownie",
-  "Sign in": "Zaloguj się",
+    "survey_prompt": "Jak poszło?"
-  "Show call inspector": "Pokaż inspektora połączenia",
+  },
-  "Share screen": "Udostępnij ekran",
+  "call_name": "Nazwa połączenia",
-  "Settings": "Ustawienia",
+  "common": {
-  "Sending…": "Wysyłanie…",
+    "audio": "Dźwięk",
-  "Sending debug logs…": "Wysyłanie dzienników debugowania…",
+    "avatar": "Awatar",
-  "Send debug logs": "Wyślij dzienniki debugowania",
+    "camera": "Kamera",
-  "Select an option": "Wybierz opcję",
+    "copied": "Skopiowano!",
-  "Return to home screen": "Powróć do strony głównej",
+    "display_name": "Nazwa wyświetlana",
-  "Remove": "Usuń",
+    "encrypted": "Szyfrowane",
-  "Release to stop": "Puść przycisk, aby zatrzymać",
+    "home": "Strona domowa",
-  "Release spacebar key to stop": "Puść spację, aby zatrzymać",
+    "loading": "Ładowanie…",
-  "Registering…": "Rejestrowanie…",
+    "microphone": "Mikrofon",
-  "Register": "Zarejestruj",
+    "password": "Hasło",
-  "Recaptcha not loaded": "Recaptcha nie została załadowana",
+    "profile": "Profil",
-  "Recaptcha dismissed": "Recaptcha odrzucona",
+    "settings": "Ustawienia",
-  "Profile": "Profil",
+    "unencrypted": "Nie szyfrowane",
-  "Press and hold to talk over {{name}}": "Przytrzymaj, aby mówić wraz z {{name}}",
+    "username": "Nazwa użytkownika",
-  "Press and hold to talk": "Przytrzymaj, aby mówić",
+    "video": "Wideo"
-  "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ć",
+  "disconnected_banner": "Utracono połączenie z serwerem.",
-  "Passwords must match": "Hasła muszą pasować",
+  "exit_fullscreen_button_label": "Opuść pełny ekran",
-  "Password": "Hasło",
+  "full_screen_view_description": "<0>Wysłanie dzienników debuggowania pomoże nam ustalić przyczynę problemu.</0>",
-  "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>",
+  "full_screen_view_h1": "<0>Ojej, coś poszło nie tak.</0>",
-  "Not registered yet? <2>Create an account</2>": "Nie masz konta? <2>Utwórz je</2>",
+  "fullscreen_button_label": "Pełny ekran",
-  "Not now, return to home screen": "Nie teraz, powróć do ekranu domowego",
+  "group_call_loader_failed_heading": "Nie znaleziono połączenia",
-  "No": "Nie",
+  "group_call_loader_failed_text": "Połączenia są teraz szyfrowane end-to-end i muszą zostać utworzone ze strony głównej. Pomaga to upewnić się, że każdy korzysta z tego samego klucza szyfrującego.",
-  "Mute microphone": "Wycisz mikrofon",
+  "hangup_button_label": "Zakończ połączenie",
-  "More": "Więcej",
+  "header_label": "Strona główna Element Call",
-  "Microphone permissions needed to join the call.": "Aby dołączyć do połączenia, potrzebne są uprawnienia do mikrofonu.",
+  "header_participants_label": "Uczestnicy",
-  "Microphone {{n}}": "Mikrofon {{n}}",
+  "invite_modal": {
-  "Microphone": "Mikrofon",
+    "link_copied_toast": "Skopiowano link do schowka",
-  "Login to your account": "Zaloguj się do swojego konta",
+    "title": "Zaproś do połączenia"
-  "Logging in…": "Logowanie…",
+  },
-  "Local volume": "Głośność lokalna",
+  "join_existing_call_modal": {
-  "Loading…": "Ładowanie…",
+    "join_button": "Tak, dołącz do połączenia",
-  "Leave": "Opuść",
+    "text": "Te połączenie już istnieje, czy chcesz do niego dołączyć?",
-  "Join existing call?": "Dołączyć do istniejącego połączenia?",
+    "title": "Dołączyć do istniejącego połączenia?"
-  "Join call now": "Dołącz do połączenia teraz",
+  },
-  "Join call": "Dołącz do połączenia",
+  "layout_grid_label": "Siatka",
-  "Invite people": "Zaproś ludzi",
+  "layout_spotlight_label": "Centrum uwagi",
-  "Invite": "Zaproś",
+  "lobby": {
-  "Inspector": "Inspektor",
+    "join_button": "Dołącz do połączenia",
-  "Incompatible versions!": "Niekompatybilne wersje!",
+    "leave_button": "Wróć do ostatnie"
-  "Incompatible versions": "Niekompatybilne wersje",
+  },
-  "Include debug logs": "Dołącz dzienniki debugowania",
+  "local_volume_label": "Głośność lokalna",
-  "Home": "Strona domowa",
+  "logging_in": "Logowanie…",
-  "Grid layout menu": "Menu układu siatki",
+  "login_auth_links": "<0>Utwórz konto</0> lub <2>Dołącz jako gość</2>",
-  "Full screen": "Pełny ekran",
+  "login_title": "Zaloguj się",
-  "Freedom": "Wolność",
+  "microphone_off": "Mikrofon wyłączony",
-  "Fetching group call timed out.": "Przekroczono limit czasu na uzyskanie połączenia grupowego.",
+  "microphone_on": "Mikrofon włączony",
-  "Exit full screen": "Opuść pełny ekran",
+  "mute_microphone_button_label": "Wycisz mikrofon",
-  "Download debug logs": "Pobierz dzienniki debugowania",
+  "rageshake_button_error_caption": "Wyślij logi ponownie",
-  "Display name": "Nazwa wyświetlana",
+  "rageshake_request_modal": {
-  "Developer": "Programista",
+    "body": "Inny użytkownik w tym połączeniu napotkał problem. Aby lepiej zdiagnozować tę usterkę, chcielibyśmy zebrać dzienniki debugowania.",
-  "Details": "Szczegóły",
+    "title": "Prośba o dzienniki debugowania"
-  "Debug log request": "Prośba o dzienniki debugowania",
+  },
-  "Debug log": "Dzienniki debugowania",
+  "rageshake_send_logs": "Wyślij dzienniki debugowania",
-  "Create account": "Utwórz konto",
+  "rageshake_sending": "Wysyłanie…",
-  "Copy and share this call link": "Skopiuj i udostępnij link do rozmowy",
+  "rageshake_sending_logs": "Wysyłanie dzienników debugowania…",
-  "Copied!": "Skopiowano!",
+  "rageshake_sent": "Dziękujemy!",
-  "Connection lost": "Połączenie utracone",
+  "recaptcha_caption": "Ta witryna jest chroniona przez ReCAPTCHA, więc obowiązują <2>Polityka prywatności</2> i <6>Warunki usług</6> Google. Klikając \"Zarejestruj\", zgadzasz się na naszą <12>Umowę licencyjną (EULA)</12>",
-  "Confirm password": "Potwierdź hasło",
+  "recaptcha_dismissed": "Recaptcha odrzucona",
-  "Close": "Zamknij",
+  "recaptcha_not_loaded": "Recaptcha nie została załadowana",
-  "Change layout": "Zmień układ",
+  "register": {
-  "Camera/microphone permissions needed to join the call.": "Wymagane są uprawnienia do kamery/mikrofonu, aby dołączyć do rozmowy.",
+    "passwords_must_match": "Hasła muszą pasować",
-  "Camera {{n}}": "Kamera {{n}}",
+    "registering": "Rejestrowanie…"
-  "Camera": "Kamera",
+  },
-  "Call type menu": "Menu typu połączenia",
+  "register_auth_links": "<0>Masz już konto?</0><1><0>Zaloguj się</0> lub <2>Dołącz jako gość</2></1>",
-  "Call link copied": "Skopiowano link do połączenia",
+  "register_confirm_password_label": "Potwierdź hasło",
-  "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>",
+  "return_home_button": "Powróć do strony głównej",
-  "Avatar": "Awatar",
+  "room_auth_view_eula_caption": "Klikając \"Dołącz teraz do rozmowy\", zgadzasz się na naszą <2>Umowę licencyjną (EULA)</2>",
-  "Audio": "Dźwięk",
+  "room_auth_view_join_button": "Dołącz do połączenia teraz",
-  "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.",
+  "screenshare_button_label": "Udostępnij ekran",
-  "Accept microphone permissions to join the call.": "Akceptuj uprawnienia mikrofonu, aby dołączyć do połączenia.",
+  "select_input_unset_button": "Wybierz opcję",
-  "Accept camera/microphone permissions to join the call.": "Akceptuj uprawnienia kamery/mikrofonu, aby dołączyć do połączenia.",
+  "settings": {
-  "<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>",
+    "developer_settings_label": "Opcje programisty",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Utwórz konto</0> lub <2>Dołącz jako gość</2>",
+    "developer_settings_label_description": "Wyświetl opcje programisty w oknie ustawień.",
-  "<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>",
+    "developer_tab_title": "Programista",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - połączenie walkie-talkie",
+    "feedback_tab_body": "Jeśli posiadasz problemy lub chciałbyś zgłosić swoją opinię, wyślij nam krótki opis.",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "feedback_tab_description_label": "Twoje opinie",
-  "{{name}} is talking…": "{{name}} mówi…",
+    "feedback_tab_h4": "Prześlij opinię",
-  "{{name}} is presenting": "{{name}} prezentuje",
+    "feedback_tab_send_logs_label": "Dołącz dzienniki debugowania",
-  "{{displayName}}, your call is now ended": "{{displayName}}, twoje połączenie zostało zakończone",
+    "feedback_tab_thank_you": "Dziękujemy, otrzymaliśmy Twoją opinię!",
-  "{{count}} people connected|one": "{{count}} osoba połączona",
+    "feedback_tab_title": "Opinia użytkownika",
-  "This feature is only supported on Firefox.": "Ta funkcjonalność jest dostępna tylko w Firefox.",
+    "more_tab_title": "Więcej",
-  "Copy": "Kopiuj",
+    "opt_in_description": "<0></0><1></1>Możesz wycofać swoją zgodę poprzez odznaczenie tego pola. Jeśli już jesteś w trakcie rozmowy, opcja zostanie zastosowana po jej zakończeniu.",
-  "<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>",
+    "show_connection_stats_label": "Pokaż statystyki połączenia",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ojej, coś poszło nie tak.</0>",
+    "speaker_device_selection_label": "Głośnik"
-  "<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...)",
+  "star_rating_input_label_one": "{{count}} gwiazdki",
-  "{{name}} (Connecting...)": "{{name}} (Łączenie...)",
+  "star_rating_input_label_other": "{{count}} gwiazdki",
-  "Expose developer settings in the settings window.": "Wyświetl opcje programisty w oknie ustawień.",
+  "start_new_call": "Rozpocznij nowe połączenie",
-  "Element Call Home": "Strona główna Element Call",
+  "start_video_button_label": "Rozpocznij wideo",
-  "Developer Settings": "Opcje programisty",
+  "stop_screenshare_button_label": "Udostępnianie ekranu",
-  "Talk over speaker": "Rozmowa przez głośnik",
+  "stop_video_button_label": "Zakończ wideo",
-  "Use the upcoming grid system": "Użyj nadchodzącego systemu siatek",
+  "submitting": "Wysyłanie…",
-  "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>",
+  "unauthenticated_view_body": "Nie masz konta? <2>Utwórz je</2>",
-  "<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.",
+  "unauthenticated_view_eula_caption": "Klikając \"Przejdź\", zgadzasz się na naszą <2>Umowę licencyjną (EULA)</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>.": "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>."
+  "unauthenticated_view_login_button": "Zaloguj się do swojego konta",
+  "unmute_microphone_button_label": "Odcisz mikrofon",
+  "version": "Wersja: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} prezentuje",
+    "sfu_participant_local": "Ty"
+  },
+  "waiting_for_participants": "Oczekiwanie na pozostałych uczestników…"
 }

public/locales/ru/app.json

@@ -1,135 +1,103 @@
 {
-  "Register": "Зарегистрироваться",
+  "a11y": {
-  "Registering…": "Регистрация…",
+    "user_menu": "Меню пользователя"
-  "Logging in…": "Вход…",
+  },
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "action": {
-  "Waiting for other participants…": "Ожидание других участников…",
+    "close": "Закрыть",
-  "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.)": "Эта функция балансирует звук к расположению плитки на экране. (Экспериментальная функция: может повлиять на стабильность аудио.)",
+    "copy": "Копировать",
-  "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>.",
+    "go": "Далее",
-  "This call already exists, would you like to join?": "Этот звонок уже существует, хотите присоединиться?",
+    "no": "Нет",
-  "Thanks! We'll get right on it.": "Спасибо! Мы учтём ваш отзыв.",
+    "register": "Зарегистрироваться",
-  "Talking…": "Говорите…",
+    "remove": "Удалить",
-  "Submit feedback": "Отправить отзыв",
+    "sign_in": "Войти",
-  "Sending debug logs…": "Отправка журнала отладки…",
+    "sign_out": "Выйти",
-  "Select an option": "Выберите вариант",
+    "submit": "Отправить"
-  "Release to stop": "Отпустите, чтобы прекратить вещание",
+  },
-  "Release spacebar key to stop": "Чтобы прекратить вещание, отпустите [Пробел]",
+  "analytics_notice": "Участвуя в этой бета-версии, вы соглашаетесь на сбор анонимных данных, которые мы используем для улучшения продукта. Более подробную информацию о том, какие данные мы отслеживаем, вы можете найти в нашей <2> Политике конфиденциальности</2> и нашей <5> Политике использования файлов cookie</5>.",
-  "Press and hold to talk over {{name}}": "Зажмите, чтобы говорить поверх участника {{name}}",
+  "call_ended_view": {
-  "Press and hold spacebar to talk over {{name}}": "Чтобы говорить поверх участника {{name}}, нажмите и удерживайте [Пробел]",
+    "create_account_button": "Создать аккаунт",
-  "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>",
+    "create_account_prompt": "<0>Почему бы не задать пароль, тем самым сохранив аккаунт?</0><1>Так вы можете оставить своё имя и задать аватар для будущих звонков.</1>",
-  "Grid layout menu": "Меню \"Расположение сеткой\"",
+    "feedback_done": "<0>Спасибо за обратную связь!</0>",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Нажимая \"Присоединиться сейчас\", вы соглашаетесь с нашими <2>положениями и условиями</2>",
+    "feedback_prompt": "<0>Мы будем рады видеть ваши отзывы, чтобы мы могли улучшить ваш опыт.</0>",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Нажимая \"Далее\", вы соглашаетесь с нашими <2>положениями и условиями</2>",
+    "headline": "{{displayName}}, ваш звонок окончен.",
-  "<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>",
+    "not_now_button": "Не сейчас, вернуться в Начало",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Создать аккаунт</0> или <2>Зайти как гость</2>",
+    "survey_prompt": "Как всё прошло?"
-  "<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>",
+  },
-  "Your recent calls": "Ваши недавние звонки",
+  "common": {
-  "You can't talk at the same time": "Вы не можете говорить одновременно",
+    "audio": "Аудио",
-  "Yes, join call": "Да, присоединиться",
+    "avatar": "Аватар",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не поддерживается или заблокирован в этом браузере.",
+    "camera": "Камера",
-  "Walkie-talkie call name": "Название звонка-рации",
+    "copied": "Скопировано!",
-  "Walkie-talkie call": "Звонок-рация",
+    "display_name": "Видимое имя",
-  "Waiting for network": "Ожидание сети",
+    "home": "Начало",
-  "Video call name": "Название видео-звонка",
+    "loading": "Загрузка…",
-  "Video call": "Видео-звонок",
+    "microphone": "Микрофон",
-  "Video": "Видео",
+    "password": "Пароль",
-  "Version: {{version}}": "Версия: {{version}}",
+    "profile": "Профиль",
-  "Username": "Имя пользователя",
+    "settings": "Настройки",
-  "User menu": "Меню пользователя",
+    "username": "Имя пользователя",
-  "Unmute microphone": "Включить микрофон",
+    "video": "Видео"
-  "Turn on camera": "Включить камеру",
+  },
-  "Turn off camera": "Отключить камеру",
+  "exit_fullscreen_button_label": "Выйти из полноэкранного режима",
-  "Talk over speaker": "Говорить через динамик",
+  "full_screen_view_description": "<0>Отправка журналов поможет нам найти и устранить проблему.</0>",
-  "Take me Home": "Перейти в Начало",
+  "full_screen_view_h1": "<0>Упс, что-то пошло не так.</0>",
-  "Stop sharing screen": "Остановить показ экрана",
+  "fullscreen_button_label": "Полноэкранный режим",
-  "Spotlight": "Внимание",
+  "header_label": "Главная Element Call",
-  "Speaker {{n}}": "Динамик {{n}}",
+  "join_existing_call_modal": {
-  "Speaker": "Динамик",
+    "join_button": "Да, присоединиться",
-  "Spatial audio": "Пространственное аудио",
+    "text": "Этот звонок уже существует, хотите присоединиться?",
-  "Sign out": "Выйти",
+    "title": "Присоединиться к существующему звонку?"
-  "Sign in": "Войти",
+  },
-  "Show call inspector": "Показать инспектор",
+  "layout_spotlight_label": "Внимание",
-  "Share screen": "Поделиться экраном",
+  "lobby": {
-  "Settings": "Настройки",
+    "join_button": "Присоединиться"
-  "Sending…": "Отправка…",
+  },
-  "Local volume": "Местная громкость",
+  "local_volume_label": "Местная громкость",
-  "Call type menu": "Меню \"Тип звонка\"",
+  "logging_in": "Вход…",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Звонок-рация",
+  "login_auth_links": "<0>Создать аккаунт</0> или <2>Зайти как гость</2>",
-  "Include debug logs": "Приложить журнал отладки",
+  "login_title": "Вход",
-  "Download debug logs": "Скачать журнал отладки",
+  "rageshake_request_modal": {
-  "Debug log request": "Запрос журнала отладки",
+    "body": "У одного из участников звонка есть неполадки. Чтобы лучше диагностировать похожие проблемы, нам нужен журнал отладки.",
-  "Debug log": "Журнал отладки",
+    "title": "Запрос журнала отладки"
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "У одного из участников звонка есть неполадки. Чтобы лучше диагностировать похожие проблемы, нам нужен журнал отладки.",
+  },
-  "Send debug logs": "Отправить журнал отладки",
+  "rageshake_send_logs": "Отправить журнал отладки",
-  "Return to home screen": "Вернуться в Начало",
+  "rageshake_sending": "Отправка…",
-  "Remove": "Удалить",
+  "rageshake_sending_logs": "Отправка журнала отладки…",
-  "Recaptcha not loaded": "Невозможно начать проверку",
+  "recaptcha_dismissed": "Проверка не пройдена",
-  "Recaptcha dismissed": "Проверка не пройдена",
+  "recaptcha_not_loaded": "Невозможно начать проверку",
-  "Profile": "Профиль",
+  "register": {
-  "Press and hold to talk": "Зажмите, чтобы говорить",
+    "passwords_must_match": "Пароли должны совпадать",
-  "Press and hold spacebar to talk": "Чтобы говорить, нажмите и удерживайте [Пробел]",
+    "registering": "Регистрация…"
-  "Passwords must match": "Пароли должны совпадать",
+  },
-  "Password": "Пароль",
+  "register_auth_links": "<0>Уже есть аккаунт?</0><1><0>Войти с ним</0> или <2>Зайти как гость</2></1>",
-  "Not registered yet? <2>Create an account</2>": "Ещё не зарегистрированы? <2>Создайте аккаунт</2>",
+  "register_confirm_password_label": "Подтвердите пароль",
-  "Not now, return to home screen": "Не сейчас, вернуться в Начало",
+  "return_home_button": "Вернуться в Начало",
-  "No": "Нет",
+  "room_auth_view_join_button": "Присоединиться сейчас",
-  "Mute microphone": "Отключить микрофон",
+  "screenshare_button_label": "Поделиться экраном",
-  "More": "Больше",
+  "select_input_unset_button": "Выберите вариант",
-  "Microphone permissions needed to join the call.": "Нужно разрешение на доступ к микрофону для присоединения к звонку.",
+  "settings": {
-  "Microphone {{n}}": "Микрофон {{n}}",
+    "developer_settings_label": "Настройки Разработчика",
-  "Microphone": "Микрофон",
+    "developer_settings_label_description": "Раскрыть настройки разработчика в окне настроек.",
-  "Login to your account": "Войдите в свой аккаунт",
+    "developer_tab_title": "Разработчику",
-  "Login": "Вход",
+    "feedback_tab_body": "Если у вас возникли проблемы или вы просто хотите оставить отзыв, отправьте нам краткое описание ниже.",
-  "Loading…": "Загрузка…",
+    "feedback_tab_description_label": "Ваш отзыв",
-  "Leave": "Покинуть",
+    "feedback_tab_h4": "Отправить отзыв",
-  "Join existing call?": "Присоединиться к существующему звонку?",
+    "feedback_tab_send_logs_label": "Приложить журнал отладки",
-  "Join call now": "Присоединиться сейчас",
+    "feedback_tab_thank_you": "Спасибо. Мы получили ваш отзыв!",
-  "Join call": "Присоединиться",
+    "feedback_tab_title": "Отзыв",
-  "Invite people": "Пригласить участников",
+    "more_tab_title": "Больше",
-  "Invite": "Пригласить",
+    "opt_in_description": "<0></0><1></1>Вы можете отозвать согласие, сняв этот флажок. Если вы в данный момент находитесь в разговоре, эта настройка вступит в силу по окончании разговора.",
-  "Inspector": "Инспектор",
+    "show_connection_stats_label": "Показать статистику соединения",
-  "Incompatible versions!": "Несовместимые версии!",
+    "speaker_device_selection_label": "Динамик"
-  "Incompatible versions": "Несовместимые версии",
+  },
-  "Home": "Начало",
+  "star_rating_input_label_one": "{{count}} отмечен",
-  "Go": "Далее",
+  "star_rating_input_label_other": "{{count}} отмеченных",
-  "Full screen": "Полноэкранный режим",
+  "submitting": "Отправляем…",
-  "Freedom": "Свобода",
+  "unauthenticated_view_body": "Ещё не зарегистрированы? <2>Создайте аккаунт</2>",
-  "Fetching group call timed out.": "Истекло время ожидания для группового звонка.",
+  "unauthenticated_view_login_button": "Войдите в свой аккаунт",
-  "Exit full screen": "Выйти из полноэкранного режима",
+  "version": "Версия: {{version}}",
-  "Display name": "Видимое имя",
+  "video_tile": {
-  "Developer": "Разработчику",
+    "presenter_label": "{{displayName}} представляет"
-  "Details": "Подробности",
+  },
-  "Create account": "Создать аккаунт",
+  "waiting_for_participants": "Ожидание других участников…"
-  "Copy and share this call link": "Скопируйте и поделитесь этой ссылкой на звонок",
-  "Copied!": "Скопировано!",
-  "Connection lost": "Соединение потеряно",
-  "Confirm password": "Подтвердите пароль",
-  "Close": "Закрыть",
-  "Change layout": "Изменить расположение",
-  "Camera/microphone permissions needed to join the call.": "Нужны разрешения на доступ к камере/микрофону для присоединения к звонку.",
-  "Camera {{n}}": "Камера {{n}}",
-  "Camera": "Камера",
-  "Call link copied": "Ссылка на звонок скопирована",
-  "Avatar": "Аватар",
-  "Audio": "Аудио",
-  "Accept microphone permissions to join the call.": "Для присоединения к звонку разрешите доступ к микрофону.",
-  "Accept camera/microphone permissions to join the call.": "Для присоединения к звонку разрешите доступ к камере/микрофону.",
-  "{{name}} is talking…": "{{name}} говорит…",
-  "{{name}} is presenting": "{{name}} показывает",
-  "{{displayName}}, your call is now ended": "{{displayName}}, ваш звонок завершён",
-  "{{count}} people connected|other": "{{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

@@ -1,141 +1,140 @@
 {
-  "Spotlight": "Stredobod",
+  "a11y": {
-  "Local volume": "Lokálna hlasitosť",
+    "user_menu": "Používateľské menu"
-  "Include debug logs": "Zahrnúť záznamy o ladení",
+  },
-  "Fetching group call timed out.": "Vypršal čas načítania skupinového volania.",
+  "action": {
-  "Element Call Home": "Domov Element Call",
+    "close": "Zatvoriť",
-  "You can't talk at the same time": "Nemôžete hovoriť naraz",
+    "copy": "Kopírovať",
-  "Waiting for other participants…": "Čaká sa na ďalších účastníkov…",
+    "copy_link": "Kopírovať odkaz",
-  "Waiting for network": "Čakanie na sieť",
+    "go": "Prejsť",
-  "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.)",
+    "invite": "Pozvať",
-  "Thanks! We'll get right on it.": "Vďaka! Hneď sa do toho pustíme.",
+    "no": "Nie",
-  "Talking…": "Rozprávanie…",
+    "register": "Registrovať sa",
-  "Talk over speaker": "Hovor cez reproduktor",
+    "remove": "Odstrániť",
-  "Take me Home": "Zober ma domov",
+    "sign_in": "Prihlásiť sa",
-  "Submit feedback": "Odoslať spätnú väzbu",
+    "sign_out": "Odhlásiť sa",
-  "Stop sharing screen": "Zastaviť zdieľanie obrazovky",
+    "submit": "Odoslať"
-  "Show call inspector": "Zobraziť inšpektora hovorov",
+  },
-  "Share screen": "Zdieľať obrazovku",
+  "analytics_notice": "Úč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>.",
-  "Sending…": "Odosielanie…",
+  "app_selection_modal": {
-  "Sending debug logs…": "Odosielanie záznamov o ladení…",
+    "continue_in_browser": "Pokračovať v prehliadači",
-  "Send debug logs": "Odoslať záznamy o ladení",
+    "open_in_app": "Otvoriť v aplikácii",
-  "Select an option": "Vyberte možnosť",
+    "text": "Ste pripravení sa pridať?",
-  "Return to home screen": "Návrat na domovskú obrazovku",
+    "title": "Vybrať aplikáciu"
-  "Remove": "Odstrániť",
+  },
-  "Release spacebar key to stop": "Pustite medzerník pre ukončenie",
+  "browser_media_e2ee_unsupported": "Váš webový prehliadač nepodporuje end-to-end šifrovanie médií. Podporované prehliadače sú Chrome, Safari, Firefox >=117",
-  "Release to stop": "Pustite pre ukončenie",
+  "call_ended_view": {
-  "Registering…": "Registrácia…",
+    "body": "Boli ste odpojení z hovoru",
-  "Register": "Registrovať sa",
+    "create_account_button": "Vytvoriť účet",
-  "Recaptcha not loaded": "Recaptcha sa nenačítala",
+    "create_account_prompt": "<0>Prečo neskončiť nastavením hesla, aby ste si zachovali svoj účet? </0><1>Budete si môcť ponechať svoje meno a nastaviť obrázok, ktorý sa bude používať pri budúcich hovoroch</1>",
-  "Recaptcha dismissed": "Recaptcha zamietnutá",
+    "feedback_done": "<0> Ďakujeme za vašu spätnú väzbu!</0>",
-  "Profile": "Profil",
+    "feedback_prompt": "<0> Radi si vypočujeme vašu spätnú väzbu, aby sme mohli zlepšiť vaše skúsenosti.</0>",
-  "Press and hold to talk over {{name}}": "Stlačte a podržte pre hovor cez {{name}}",
+    "headline": "{{displayName}}, váš hovor skončil.",
-  "Press and hold to talk": "Stlačte a podržte pre hovor",
+    "not_now_button": "Teraz nie, vrátiť sa na domovskú obrazovku",
-  "Press and hold spacebar to talk over {{name}}": "Stlačte a podržte medzerník, ak chcete hovoriť cez {{name}}",
+    "reconnect_button": "Znovu pripojiť",
-  "Press and hold spacebar to talk": "Stlačte a podržte medzerník, ak chcete hovoriť",
+    "survey_prompt": "Ako to išlo?"
-  "Passwords must match": "Heslá sa musia zhodovať",
+  },
-  "Password": "Heslo",
+  "call_name": "Názov hovoru",
-  "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>",
+  "common": {
-  "Not registered yet? <2>Create an account</2>": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
+    "avatar": "Obrázok",
-  "Not now, return to home screen": "Teraz nie, vrátiť sa na domovskú obrazovku",
+    "camera": "Kamera",
-  "No": "Nie",
+    "copied": "Skopírované!",
-  "Mute microphone": "Stlmiť mikrofón",
+    "display_name": "Zobrazované meno",
-  "More": "Viac",
+    "encrypted": "Šifrované",
-  "Microphone permissions needed to join the call.": "Povolenie mikrofónu je potrebné na pripojenie k hovoru.",
+    "home": "Domov",
-  "Microphone {{n}}": "Mikrofón {{n}}",
+    "loading": "Načítanie…",
-  "Microphone": "Mikrofón",
+    "microphone": "Mikrofón",
-  "Login to your account": "Prihláste sa do svojho konta",
+    "password": "Heslo",
-  "Login": "Prihlásiť sa",
+    "profile": "Profil",
-  "Logging in…": "Prihlasovanie…",
+    "settings": "Nastavenia",
-  "Loading…": "Načítanie…",
+    "unencrypted": "Nie je zašifrované",
-  "Leave": "Opustiť",
+    "username": "Meno používateľa"
-  "Join existing call?": "Pripojiť sa k existujúcemu hovoru?",
+  },
-  "Join call now": "Pripojiť sa k hovoru teraz",
+  "disconnected_banner": "Spojenie so serverom sa stratilo.",
-  "Join call": "Pripojiť sa k hovoru",
+  "exit_fullscreen_button_label": "Ukončiť zobrazenie na celú obrazovku",
-  "Invite people": "Pozvať ľudí",
+  "full_screen_view_description": "<0>Odoslanie záznamov ladenia nám pomôže nájsť problém.</0>",
-  "Invite": "Pozvať",
+  "full_screen_view_h1": "<0>Hups, niečo sa pokazilo.</0>",
-  "Inspector": "Inšpektor",
+  "fullscreen_button_label": "Zobrazenie na celú obrazovku",
-  "Incompatible versions!": "Nekompatibilné verzie!",
+  "group_call_loader_failed_heading": "Hovor nebol nájdený",
-  "Incompatible versions": "Nekompatibilné verzie",
+  "group_call_loader_failed_text": "Hovory sú teraz end-to-end šifrované a je potrebné ich vytvoriť z domovskej stránky. To pomáha zabezpečiť, aby všetci používali rovnaký šifrovací kľúč.",
-  "Home": "Domov",
+  "hangup_button_label": "Ukončiť hovor",
-  "Grid layout menu": "Ponuka rozloženia mriežky",
+  "header_label": "Domov Element Call",
-  "Go": "Prejsť",
+  "header_participants_label": "Účastníci",
-  "Full screen": "Zobrazenie na celú obrazovku",
+  "invite_modal": {
-  "Freedom": "Sloboda",
+    "link_copied_toast": "Odkaz skopírovaný do schránky",
-  "Exit full screen": "Ukončiť zobrazenie na celú obrazovku",
+    "title": "Pozvať na tento hovor"
-  "Download debug logs": "Stiahnuť záznamy ladenia",
+  },
-  "Your recent calls": "Vaše nedávne hovory",
+  "join_existing_call_modal": {
-  "Yes, join call": "Áno, pripojiť sa k hovoru",
+    "join_button": "Á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é.",
+    "text": "Tento hovor už existuje, chceli by ste sa k nemu pripojiť?",
-  "Walkie-talkie call name": "Názov vysielačkového hovoru",
+    "title": "Pripojiť sa k existujúcemu hovoru?"
-  "Walkie-talkie call": "Vysielačkový hovor",
+  },
-  "Video call name": "Názov video hovoru",
+  "layout_grid_label": "Sieť",
-  "Video call": "Video hovor",
+  "layout_spotlight_label": "Stredobod",
-  "Video": "Video",
+  "lobby": {
-  "Version: {{version}}": "Verzia: {{version}}",
+    "join_button": "Pripojiť sa k hovoru",
-  "Username": "Meno používateľa",
+    "leave_button": "Späť k nedávnym"
-  "User menu": "Používateľské menu",
+  },
-  "Unmute microphone": "Zrušiť stlmenie mikrofónu",
+  "local_volume_label": "Lokálna hlasitosť",
-  "Turn on camera": "Zapnúť kameru",
+  "logging_in": "Prihlasovanie…",
-  "Turn off camera": "Vypnúť kameru",
+  "login_auth_links": "<0>Vytvoriť konto</0> Alebo <2>Prihlásiť sa ako hosť</2>",
-  "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>",
+  "login_title": "Prihlásiť sa",
-  "This call already exists, would you like to join?": "Tento hovor už existuje, chceli by ste sa k nemu pripojiť?",
+  "microphone_off": "Mikrofón vypnutý",
-  "Speaker {{n}}": "Reproduktor {{n}}",
+  "microphone_on": "Mikrofón zapnutý",
-  "Speaker": "Reproduktor",
+  "mute_microphone_button_label": "Stlmiť mikrofón",
-  "Spatial audio": "Priestorový zvuk",
+  "rageshake_button_error_caption": "Opakovať odoslanie záznamov",
-  "Sign out": "Odhlásiť sa",
+  "rageshake_request_modal": {
-  "Sign in": "Prihlásiť sa",
+    "body": "Ď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í.",
-  "Settings": "Nastavenia",
+    "title": "Žiadosť o záznam ladenia"
-  "Display name": "Zobrazované meno",
+  },
-  "Developer": "Vývojár",
+  "rageshake_send_logs": "Odoslať záznamy o ladení",
-  "Details": "Podrobnosti",
+  "rageshake_sending": "Odosielanie…",
-  "Debug log request": "Žiadosť o záznam ladenia",
+  "rageshake_sending_logs": "Odosielanie záznamov o ladení…",
-  "Debug log": "Záznam o ladení",
+  "rageshake_sent": "Ďakujeme!",
-  "Create account": "Vytvoriť účet",
+  "recaptcha_caption": "Táto stránka je chránená systémom ReCAPTCHA a platia na ňu <2>Pravidlá ochrany osobných údajov spoločnosti Google</2> a <6>Podmienky poskytovania služieb</6>.<9></9>Kliknutím na tlačidlo \"Registrovať sa\" súhlasíte s našou <12>Licenčnou zmluvou s koncovým používateľom (EULA)</12>",
-  "Copy and share this call link": "Skopírovať a zdieľať tento odkaz na hovor",
+  "recaptcha_dismissed": "Recaptcha zamietnutá",
-  "Copy": "Kopírovať",
+  "recaptcha_not_loaded": "Recaptcha sa nenačítala",
-  "Copied!": "Skopírované!",
+  "register": {
-  "Connection lost": "Strata spojenia",
+    "passwords_must_match": "Heslá sa musia zhodovať",
-  "Confirm password": "Potvrdiť heslo",
+    "registering": "Registrácia…"
-  "Close": "Zatvoriť",
+  },
-  "Change layout": "Zmeniť rozloženie",
+  "register_auth_links": "<0>Už máte konto?</0><1><0>Prihláste sa</0> Alebo <2>Prihlásiť sa ako hosť</2></1>",
-  "Camera/microphone permissions needed to join the call.": "Povolenie kamery/mikrofónu je potrebné na pripojenie k hovoru.",
+  "register_confirm_password_label": "Potvrdiť heslo",
-  "Camera {{n}}": "Kamera {{n}}",
+  "return_home_button": "Návrat na domovskú obrazovku",
-  "Camera": "Kamera",
+  "room_auth_view_eula_caption": "Kliknutím na \"Pripojiť sa k hovoru teraz\" súhlasíte s našou <2>Licenčnou zmluvou s koncovým používateľom (EULA)</2>",
-  "Call type menu": "Ponuka typu hovoru",
+  "room_auth_view_join_button": "Pripojiť sa k hovoru teraz",
-  "Call link copied": "Odkaz na hovor skopírovaný",
+  "screenshare_button_label": "Zdieľať obrazovku",
-  "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>",
+  "select_input_unset_button": "Vyberte možnosť",
-  "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>",
+  "settings": {
-  "Avatar": "Obrázok",
+    "developer_settings_label": "Nastavenia pre vývojárov",
-  "Audio": "Audio",
+    "developer_settings_label_description": "Zobraziť nastavenia pre vývojárov v okne nastavení.",
-  "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í.",
+    "developer_tab_title": "Vývojár",
-  "Accept camera/microphone permissions to join the call.": "Prijmite povolenia kamery/mikrofónu, aby ste sa mohli pripojiť k hovoru.",
+    "feedback_tab_body": "Ak máte problémy alebo jednoducho chcete poskytnúť spätnú väzbu, pošlite nám krátky popis nižšie.",
-  "Accept microphone permissions to join the call.": "Prijmite povolenia mikrofónu, aby ste sa mohli pripojiť k hovoru.",
+    "feedback_tab_description_label": "Vaša spätná väzba",
-  "<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>",
+    "feedback_tab_h4": "Odoslať spätnú väzbu",
-  "<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>",
+    "feedback_tab_send_logs_label": "Zahrnúť záznamy o ladení",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Vytvoriť konto</0> Alebo <2>Prihlásiť sa ako hosť</2>",
+    "feedback_tab_thank_you": "Ďakujeme, dostali sme vašu spätnú väzbu!",
-  "<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>",
+    "feedback_tab_title": "Spätná väzba",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Vysielačkový hovor",
+    "more_tab_title": "Viac",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "opt_in_description": "<0></0><1></1>Súhlas môžete odvolať zrušením označenia tohto políčka. Ak práve prebieha hovor, toto nastavenie nadobudne platnosť po skončení hovoru.",
-  "{{name}} is talking…": "{{name}} rozpráva…",
+    "show_connection_stats_label": "Zobraziť štatistiky pripojenia",
-  "{{name}} is presenting": "{{name}} prezentuje",
+    "speaker_device_selection_label": "Reproduktor"
-  "{{name}} (Waiting for video...)": "{{name}} (Čaká sa na video...)",
+  },
-  "{{name}} (Connecting...)": "{{name}} (Pripájanie...)",
+  "star_rating_input_label_one": "{{count}} hviezdička",
-  "{{displayName}}, your call is now ended": "{{displayName}}, váš hovor je teraz ukončený",
+  "star_rating_input_label_other": "{{count}} hviezdičiek",
-  "{{count}} people connected|other": "{{count}} osôb pripojených",
+  "start_new_call": "Spustiť nový hovor",
-  "{{count}} people connected|one": "{{count}} osoba pripojená",
+  "start_video_button_label": "Spustiť video",
-  "This feature is only supported on Firefox.": "Táto funkcia je podporovaná len v prehliadači Firefox.",
+  "stop_screenshare_button_label": "Zdieľanie obrazovky",
-  "<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>",
+  "stop_video_button_label": "Zastaviť video",
-  "<0>Oops, something's gone wrong.</0>": "<0>Hups, niečo sa pokazilo.</0>",
+  "submitting": "Odosielanie…",
-  "Use the upcoming grid system": "Použiť pripravovaný systém mriežky",
+  "unauthenticated_view_body": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
-  "Expose developer settings in the settings window.": "Zobraziť nastavenia pre vývojárov v okne nastavení.",
+  "unauthenticated_view_eula_caption": "Kliknutím na tlačidlo \"Prejsť\" vyjadrujete súhlas s našou <2>Licenčnou zmluvou s koncovým používateľom (EULA)</2>",
-  "Developer Settings": "Nastavenia pre vývojárov",
+  "unauthenticated_view_login_button": "Prihláste sa do svojho konta",
-  "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>.",
+  "unmute_microphone_button_label": "Zrušiť stlmenie mikrofónu",
-  "<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.",
+  "version": "Verzia: {{version}}",
-  "Your feedback": "Vaša spätná väzba",
+  "video_tile": {
-  "Thanks, we received your feedback!": "Ďakujeme, dostali sme vašu spätnú väzbu!",
+    "presenter_label": "{{displayName}} prezentuje",
-  "Submitting…": "Odosielanie…",
+    "sfu_participant_local": "Vy"
-  "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.",
+  "waiting_for_participants": "Čaká sa na ďalších účastníkov…"
-  "Feedback": "Spätná väzba"
 }

public/locales/sv/app.json

@@ -0,0 +1,10 @@
+{
+  "call_ended_view": {
+    "headline": "{{displayName}}, ditt samtal har avslutats."
+  },
+  "star_rating_input_label_one": "{{count}} stjärna",
+  "star_rating_input_label_other": "{{count}} stjärnor",
+  "video_tile": {
+    "presenter_label": "{{displayName}} presenterar"
+  }
+}

public/locales/tr/app.json

@@ -1,93 +1,66 @@
 {
-  "<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>Hesabınızı tutmak için niye bir parola açmıyorsunuz?</0><1>Böylece ileriki aramalarda adınızı ve avatarınızı kullanabileceksiniz</1>",
+  "action": {
-  "Accept camera/microphone permissions to join the call.": "Aramaya katılmanız için kamera/mikrofon erişimine izin verin.",
+    "close": "Kapat",
-  "Accept microphone permissions to join the call.": "Aramaya katılmak için mikrofon erişim izni verin.",
+    "go": "Git",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Bu aramadaki başka bir kullanıcı sorun yaşıyor. Sorunu daha iyi çözebilmemiz için hata ayıklama kütüğünü almak isteriz.",
+    "no": "Hayır",
-  "Audio": "Ses",
+    "register": "Kaydol",
-  "Avatar": "Avatar",
+    "remove": "Çıkar",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "\"Git\"e tıklayarak,<2>hükümler ve koşullar</2>ı kabul etmiş sayılırsınız",
+    "sign_in": "Gir",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "\"Şimdi katıl\"a tıklayarak, <2>hükümler ve koşullar</2>ı kabul etmiş sayılırsınız",
+    "sign_out": "Çık"
-  "Call link copied": "Arama bağlantısı kopyalandı",
+  },
-  "Call type menu": "Arama tipi menüsü",
+  "call_ended_view": {
-  "Camera": "Kamera",
+    "create_account_button": "Hesap aç",
-  "Camera {{n}}": "{{n}}. kamera",
+    "create_account_prompt": "<0>Hesabınızı tutmak için niye bir parola açmıyorsunuz?</0><1>Böylece ileriki aramalarda adınızı ve avatarınızı kullanabileceksiniz</1>",
-  "Camera/microphone permissions needed to join the call.": "Aramaya katılmak için kamera/mikrofon izinleri gerek.",
+    "not_now_button": "Şimdi değil, ev ekranına dön"
-  "Change layout": "Yerleşimi değiştir",
+  },
-  "Close": "Kapat",
+  "common": {
-  "Confirm password": "Parolayı tekrar edin",
+    "audio": "Ses",
-  "Connection lost": "Bağlantı koptu",
+    "camera": "Kamera",
-  "Copied!": "Kopyalandı",
+    "copied": "Kopyalandı",
-  "Copy and share this call link": "Arama bağlantısını kopyala ve paylaş",
+    "display_name": "Ekran adı",
-  "Create account": "Hesap aç",
+    "home": "Ev",
-  "Debug log": "Hata ayıklama kütüğü",
+    "loading": "Yükleniyor…",
-  "Debug log request": "Hata ayıklama kütük istemi",
+    "microphone": "Mikrofon",
-  "Details": "Ayrıntı",
+    "password": "Parola",
-  "Developer": "Geliştirici",
+    "settings": "Ayarlar"
-  "Display name": "Ekran adı",
+  },
-  "Download debug logs": "Hata ayıklama kütüğünü indir",
+  "exit_fullscreen_button_label": "Tam ekranı terk et",
-  "Exit full screen": "Tam ekranı terk et",
+  "fullscreen_button_label": "Tam ekran",
-  "Fetching group call timed out.": "Grup çağrısı zaman aşımına uğradı.",
+  "join_existing_call_modal": {
-  "Freedom": "Özgürlük",
+    "text": "Bu arama zaten var, katılmak ister misiniz?",
-  "Full screen": "Tam ekran",
+    "title": "Mevcut aramaya katıl?"
-  "Go": "Git",
+  },
-  "Grid layout menu": "Izgara plan menü",
+  "lobby": {
-  "Home": "Ev",
+    "join_button": "Aramaya katıl"
-  "Include debug logs": "Hata ayıklama kütüğünü dahil et",
+  },
-  "Incompatible versions": "Uyumsuz sürümler",
+  "local_volume_label": "Yerel ses seviyesi",
-  "Incompatible versions!": "Sürüm uyumsuz!",
+  "logging_in": "Giriliyor…",
-  "Inspector": "Denetçi",
+  "login_auth_links": "<0>Hesap oluştur</0> yahut <2>Konuk olarak gir</2>",
-  "Invite people": "Kişileri davet et",
+  "login_title": "Gir",
-  "Join call": "Aramaya katıl",
+  "rageshake_request_modal": {
-  "Join call now": "Aramaya katıl",
+    "body": "Bu aramadaki başka bir kullanıcı sorun yaşıyor. Sorunu daha iyi çözebilmemiz için hata ayıklama kütüğünü almak isteriz.",
-  "Join existing call?": "Mevcut aramaya katıl?",
+    "title": "Hata ayıklama kütük istemi"
-  "Leave": "Çık",
+  },
-  "Loading…": "Yükleniyor…",
+  "rageshake_send_logs": "Hata ayıklama kütüğünü gönder",
-  "Local volume": "Yerel ses seviyesi",
+  "rageshake_sending": "Gönderiliyor…",
-  "Logging in…": "Giriliyor…",
+  "recaptcha_dismissed": "reCAPTCHA atlandı",
-  "Login": "Gir",
+  "recaptcha_not_loaded": "reCAPTCHA yüklenmedi",
-  "Login to your account": "Hesabınıza girin",
+  "register": {
-  "Microphone": "Mikrofon",
+    "passwords_must_match": "Parolalar aynı olmalı",
-  "Microphone permissions needed to join the call.": "Aramaya katılmak için mikrofon erişim izni gerek.",
+    "registering": "Kaydediyor…"
-  "Microphone {{n}}": "{{n}}. mikrofon",
+  },
-  "More": "Daha",
+  "register_auth_links": "<0>Mevcut hesabınız mı var?</0><1><0>Gir</0> yahut <2>Konuk girişi</2></1>",
-  "Mute microphone": "Mikrofonu kapat",
+  "register_confirm_password_label": "Parolayı tekrar edin",
-  "No": "Hayır",
+  "return_home_button": "Ev ekranına geri dön",
-  "Not now, return to home screen": "Şimdi değil, ev ekranına dön",
+  "room_auth_view_join_button": "Aramaya katıl",
-  "Not registered yet? <2>Create an account</2>": "Kaydolmadınız mı? <2>Hesap açın</2>",
+  "screenshare_button_label": "Ekran paylaş",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Başka kullanıcılar uyumsuz sürümden katılmaya çalışıyorlar. <1>{userLis}</1> tarayıcılarını mutlaka tazelemeliler.",
+  "select_input_unset_button": "Bir seçenek seç",
-  "Password": "Parola",
+  "settings": {
-  "Passwords must match": "Parolalar aynı olmalı",
+    "developer_tab_title": "Geliştirici",
-  "Press and hold spacebar to talk": "Konuşmak için boşluk çubuğunu basılı tutun",
+    "feedback_tab_h4": "Geri bildirim ver",
-  "Press and hold to talk": "Konuşmak için basılı tutun",
+    "feedback_tab_send_logs_label": "Hata ayıklama kütüğünü dahil et",
-  "Recaptcha dismissed": "reCAPTCHA atlandı",
+    "more_tab_title": "Daha"
-  "Recaptcha not loaded": "reCAPTCHA yüklenmedi",
+  },
-  "Register": "Kaydol",
+  "unauthenticated_view_body": "Kaydolmadınız mı? <2>Hesap açın</2>",
-  "Registering…": "Kaydediyor…",
+  "unauthenticated_view_login_button": "Hesabınıza girin"
-  "Release spacebar key to stop": "Kesmek için boşluk tuşunu bırakın",
-  "Release to stop": "Kesmek için bırakın",
-  "Remove": "Çıkar",
-  "Return to home screen": "Ev ekranına geri dön",
-  "Select an option": "Bir seçenek seç",
-  "Send debug logs": "Hata ayıklama kütüğünü gönder",
-  "Sending…": "Gönderiliyor…",
-  "Settings": "Ayarlar",
-  "Share screen": "Ekran paylaş",
-  "Show call inspector": "Arama denetçisini göster",
-  "Sign in": "Gir",
-  "Sign out": "Çık",
-  "Spatial audio": "Uzamsal ses",
-  "Stop sharing screen": "Ekran paylaşmayı terk et",
-  "Submit feedback": "Geri bildirim ver",
-  "Take me Home": "Ev ekranına gir",
-  "Talking…": "Konuşuyor…",
-  "Thanks! We'll get right on it.": "Sağol! Bununla ilgileneceğiz.",
-  "This call already exists, would you like to join?": "Bu arama zaten var, katılmak ister misiniz?",
-  "{{count}} people connected|one": "{{count}} kişi bağlı",
-  "{{count}} people connected|other": "{{count}} kişi bağlı",
-  "{{displayName}}, your call is now ended": "Aramanız bitti, {{displayName]}!",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "{{name}} is presenting": "{{name}} sunuyor",
-  "{{name}} is talking…": "{{name}} konuşuyor…",
-  "<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

@@ -1,141 +1,142 @@
 {
-  "Loading…": "Завантаження…",
+  "a11y": {
-  "Your recent calls": "Ваші недавні виклики",
+    "user_menu": "Меню користувача"
-  "You can't talk at the same time": "Не можна говорити одночасно",
+  },
-  "Yes, join call": "Так, приєднатися до виклику",
+  "action": {
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не підтримується або блокується в цьому браузері.",
+    "close": "Закрити",
-  "Walkie-talkie call name": "Назва виклику-рації",
+    "copy": "Копіювати",
-  "Walkie-talkie call": "Виклик-рація",
+    "copy_link": "Скопіювати посилання",
-  "Waiting for other participants…": "Очікування на інших учасників…",
+    "go": "Далі",
-  "Waiting for network": "Очікування мережі",
+    "invite": "Запросити",
-  "Video call name": "Назва відеовиклику",
+    "no": "Ні",
-  "Video call": "Відеовиклик",
+    "register": "Зареєструватися",
-  "Video": "Відео",
+    "remove": "Вилучити",
-  "Version: {{version}}": "Версія: {{version}}",
+    "sign_in": "Увійти",
-  "Username": "Ім'я користувача",
+    "sign_out": "Вийти",
-  "User menu": "Меню користувача",
+    "submit": "Надіслати"
-  "Unmute microphone": "Увімкнути мікрофон",
+  },
-  "Turn on camera": "Увімкнути камеру",
+  "analytics_notice": "Користуючись дочасним доступом, ви даєте згоду на збір анонімних даних, які ми використовуємо для вдосконалення продукту. Ви можете знайти більше інформації про те, які дані ми відстежуємо в нашій <2>Політиці Приватності</2> і нашій <5>Політиці про куки</5>.",
-  "Turn off camera": "Вимкнути камеру",
+  "app_selection_modal": {
-  "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.)": "Це призведе до того, що звук мовця здаватиметься таким, ніби він надходить з того місця, де розміщено його плитку на екрані. (Експериментальна можливість: це може вплинути на стабільність звуку.)",
+    "continue_in_browser": "Продовжити у браузері",
-  "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>",
+    "open_in_app": "Відкрити у застосунку",
-  "This call already exists, would you like to join?": "Цей виклик уже існує, бажаєте приєднатися?",
+    "text": "Готові приєднатися?",
-  "Thanks! We'll get right on it.": "Дякуємо! Ми зараз же візьмемося за це.",
+    "title": "Вибрати застосунок"
-  "Talking…": "Говоріть…",
+  },
-  "Talk over speaker": "Говорити через динамік",
+  "browser_media_e2ee_unsupported": "Ваш браузер не підтримує наскрізне шифрування мультимедійних даних. Підтримувані браузери: Chrome, Safari, Firefox >=117",
-  "Take me Home": "Перейти до Домівки",
+  "call_ended_view": {
-  "Submit feedback": "Надіслати відгук",
+    "body": "Вас від'єднано від виклику",
-  "Stop sharing screen": "Припинити показ екрана",
+    "create_account_button": "Створити обліковий запис",
-  "Spotlight": "У центрі уваги",
+    "create_account_prompt": "<0>Чому б не завершити, налаштувавши пароль для збереження свого облікового запису?</0><1>Ви зможете зберегти своє ім'я та встановити аватарку для подальшого користування під час майбутніх викликів</1>",
-  "Speaker {{n}}": "Динамік {{n}}",
+    "feedback_done": "<0>Дякуємо за ваш відгук!</0>",
-  "Speaker": "Динамік",
+    "feedback_prompt": "<0>Ми будемо раді почути ваші відгуки, щоб поліпшити роботу застосунку.</0>",
-  "Spatial audio": "Просторовий звук",
+    "headline": "{{displayName}}, ваш виклик завершено.",
-  "Sign out": "Вийти",
+    "not_now_button": "Не зараз, повернутися на екран домівки",
-  "Sign in": "Увійти",
+    "reconnect_button": "Під'єднати повторно",
-  "Show call inspector": "Показати інспектора виклику",
+    "survey_prompt": "Вам усе сподобалось?"
-  "Share screen": "Поділитися екраном",
+  },
-  "Settings": "Налаштування",
+  "call_name": "Назва виклику",
-  "Sending…": "Надсилання…",
+  "common": {
-  "Sending debug logs…": "Надсилання журналу налагодження…",
+    "audio": "Звук",
-  "Send debug logs": "Надіслати журнал налагодження",
+    "avatar": "Аватар",
-  "Select an option": "Вибрати опцію",
+    "camera": "Камера",
-  "Return to home screen": "Повернутися на екран домівки",
+    "copied": "Скопійовано!",
-  "Remove": "Вилучити",
+    "display_name": "Псевдонім",
-  "Release to stop": "Відпустіть, щоб закінчити",
+    "encrypted": "Зашифровано",
-  "Release spacebar key to stop": "Відпустіть пробіл, щоб закінчити",
+    "home": "Домівка",
-  "Registering…": "Реєстрація…",
+    "loading": "Завантаження…",
-  "Register": "Зареєструватися",
+    "microphone": "Мікрофон",
-  "Recaptcha not loaded": "Recaptcha не завантажено",
+    "password": "Пароль",
-  "Recaptcha dismissed": "Recaptcha не пройдено",
+    "profile": "Профіль",
-  "Profile": "Профіль",
+    "settings": "Налаштування",
-  "Press and hold to talk over {{name}}": "Затисніть, щоб говорити одночасно з {{name}}",
+    "unencrypted": "Не зашифровано",
-  "Press and hold to talk": "Затисніть, щоб говорити",
+    "username": "Ім'я користувача",
-  "Press and hold spacebar to talk over {{name}}": "Щоб говорити одночасно з {{name}}, затисніть пробіл",
+    "video": "Відео"
-  "Press and hold spacebar to talk": "Затисніть пробіл, щоб говорити",
+  },
-  "Passwords must match": "Паролі відрізняються",
+  "disconnected_banner": "Втрачено зв'язок з сервером.",
-  "Password": "Пароль",
+  "exit_fullscreen_button_label": "Вийти з повноекранного режиму",
-  "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>",
+  "full_screen_view_description": "<0>Надсилання журналів налагодження допоможе нам виявити проблему.</0>",
-  "Not registered yet? <2>Create an account</2>": "Ще не зареєстровані? <2>Створіть обліковий запис</2>",
+  "full_screen_view_h1": "<0>Йой, щось пішло не за планом.</0>",
-  "Not now, return to home screen": "Не зараз, повернутися на екран домівки",
+  "fullscreen_button_label": "Повноекранний режим",
-  "No": "Ні",
+  "group_call_loader_failed_heading": "Виклик не знайдено",
-  "Mute microphone": "Заглушити мікрофон",
+  "group_call_loader_failed_text": "Відтепер виклики захищено наскрізним шифруванням, і їх потрібно створювати з домашньої сторінки. Це допомагає переконатися, що всі користувачі використовують один і той самий ключ шифрування.",
-  "More": "Докладніше",
+  "hangup_button_label": "Завершити виклик",
-  "Microphone permissions needed to join the call.": "Для участі у виклику необхідний дозвіл на користування мікрофоном.",
+  "header_label": "Домівка Element Call",
-  "Microphone {{n}}": "Мікрофон {{n}}",
+  "header_participants_label": "Учасники",
-  "Microphone": "Мікрофон",
+  "invite_modal": {
-  "Login to your account": "Увійдіть до свого облікового запису",
+    "link_copied_toast": "Посилання скопійовано до буфера обміну",
-  "Login": "Увійти",
+    "title": "Запросити до цього виклику"
-  "Logging in…": "Вхід…",
+  },
-  "Local volume": "Локальна гучність",
+  "join_existing_call_modal": {
-  "Leave": "Вийти",
+    "join_button": "Так, приєднатися до виклику",
-  "Join existing call?": "Приєднатися до наявного виклику?",
+    "text": "Цей виклик уже існує, бажаєте приєднатися?",
-  "Join call now": "Приєднатися до виклику зараз",
+    "title": "Приєднатися до наявного виклику?"
-  "Join call": "Приєднатися до виклику",
+  },
-  "Invite people": "Запросити людей",
+  "layout_grid_label": "Сітка",
-  "Invite": "Запросити",
+  "layout_spotlight_label": "У центрі уваги",
-  "Inspector": "Інспектор",
+  "lobby": {
-  "Incompatible versions!": "Несумісні версії!",
+    "join_button": "Приєднатися до виклику",
-  "Incompatible versions": "Несумісні версії",
+    "leave_button": "Повернутися до недавніх"
-  "Include debug logs": "Долучити журнали налагодження",
+  },
-  "Home": "Домівка",
+  "local_volume_label": "Локальна гучність",
-  "Grid layout menu": "Меню у вигляді сітки",
+  "logging_in": "Вхід…",
-  "Go": "Далі",
+  "login_auth_links": "<0>Створити обліковий запис</0> або <2>Отримати доступ як гість</2>",
-  "Full screen": "Повноекранний режим",
+  "login_title": "Увійти",
-  "Freedom": "Свобода",
+  "microphone_off": "Мікрофон вимкнено",
-  "Fetching group call timed out.": "Вичерпано час очікування групового виклику.",
+  "microphone_on": "Мікрофон увімкнено",
-  "Exit full screen": "Вийти з повноекранного режиму",
+  "mute_microphone_button_label": "Вимкнути мікрофон",
-  "Download debug logs": "Завантажити журнали налагодження",
+  "rageshake_button_error_caption": "Повторити надсилання журналів",
-  "Display name": "Показуване ім'я",
+  "rageshake_request_modal": {
-  "Developer": "Розробнику",
+    "body": "Інший користувач у цьому виклику має проблему. Щоб краще визначити ці проблеми, ми хотіли б зібрати журнал налагодження.",
-  "Details": "Подробиці",
+    "title": "Запит журналу налагодження"
-  "Debug log request": "Запит журналу налагодження",
+  },
-  "Debug log": "Журнал налагодження",
+  "rageshake_send_logs": "Надіслати журнал налагодження",
-  "Create account": "Створити обліковий запис",
+  "rageshake_sending": "Надсилання…",
-  "Copy and share this call link": "Скопіювати та поділитися цим посиланням на виклик",
+  "rageshake_sending_logs": "Надсилання журналу налагодження…",
-  "Copied!": "Скопійовано!",
+  "rageshake_sent": "Дякуємо!",
-  "Connection lost": "З'єднання розірвано",
+  "recaptcha_caption": "Цей сайт захищений ReCAPTCHA і до нього застосовується <2>Політика приватності</2> і <6>Умови надання послуг</6> Google.<9></9>Натискаючи \"Зареєструватися\", ви погоджуєтеся з нашою <12>Ліцензійною угодою з кінцевим користувачем (EULA)</12>",
-  "Confirm password": "Підтвердити пароль",
+  "recaptcha_dismissed": "Recaptcha не пройдено",
-  "Close": "Закрити",
+  "recaptcha_not_loaded": "Recaptcha не завантажено",
-  "Change layout": "Змінити макет",
+  "register": {
-  "Camera/microphone permissions needed to join the call.": "Для приєднання до виклику необхідні дозволи камери/мікрофона.",
+    "passwords_must_match": "Паролі відрізняються",
-  "Camera {{n}}": "Камера {{n}}",
+    "registering": "Реєстрація…"
-  "Camera": "Камера",
+  },
-  "Call type menu": "Меню типу виклику",
+  "register_auth_links": "<0>Уже маєте обліковий запис?</0><1><0>Увійти</0> Or <2>Отримати доступ як гість</2></1>",
-  "Call link copied": "Посилання на виклик скопійовано",
+  "register_confirm_password_label": "Підтвердити пароль",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Натиснувши «Приєднатися до виклику зараз», ви погодитеся з нашими <2>Умовами та положеннями</2>",
+  "return_home_button": "Повернутися на екран домівки",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Натиснувши «Далі», ви погодитеся з нашими <2>Умовами та положеннями</2>",
+  "room_auth_view_eula_caption": "Натискаючи \"Приєднатися до виклику зараз\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
-  "Avatar": "Аватар",
+  "room_auth_view_join_button": "Приєднатися до виклику зараз",
-  "Audio": "Звук",
+  "screenshare_button_label": "Поділитися екраном",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Інший користувач у цьому виклику має проблему. Щоб краще визначити ці проблеми, ми хотіли б зібрати журнал налагодження.",
+  "select_input_unset_button": "Вибрати опцію",
-  "Accept microphone permissions to join the call.": "Надайте дозволи на використання мікрофонів для приєднання до виклику.",
+  "settings": {
-  "Accept camera/microphone permissions to join the call.": "Надайте дозвіл на використання камери/мікрофона для приєднання до виклику.",
+    "developer_settings_label": "Налаштування розробника",
-  "<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>",
+    "developer_settings_label_description": "Відкрийте налаштування розробника у вікні налаштувань.",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Створити обліковий запис</0> або <2>Отримати доступ як гість</2>",
+    "developer_tab_title": "Розробнику",
-  "<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>",
+    "feedback_tab_body": "Якщо у вас виникли проблеми або ви просто хочете залишити відгук, надішліть нам короткий опис нижче.",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Виклик-рація",
+    "feedback_tab_description_label": "Ваш відгук",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "feedback_tab_h4": "Надіслати відгук",
-  "{{name}} is talking…": "{{name}} балакає…",
+    "feedback_tab_send_logs_label": "Долучити журнали налагодження",
-  "{{name}} is presenting": "{{name}} показує",
+    "feedback_tab_thank_you": "Дякуємо, ми отримали ваш відгук!",
-  "{{displayName}}, your call is now ended": "{{displayName}}, ваш виклик завершено",
+    "feedback_tab_title": "Відгук",
-  "{{count}} people connected|other": "{{count}} під'єдналися",
+    "more_tab_title": "Докладніше",
-  "{{count}} people connected|one": "{{count}} під'єднується",
+    "opt_in_description": "<0></0><1></1>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику.",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Приєднатися до виклику зараз</0><1>Or</1><2>Скопіювати посилання на виклик і приєднатися пізніше</2>",
+    "show_connection_stats_label": "Показати стан з'єднання",
-  "{{name}} (Connecting...)": "{{name}} (З'єднання...)",
+    "speaker_device_selection_label": "Динамік"
-  "Element Call Home": "Домівка Element Call",
+  },
-  "Copy": "Копіювати",
+  "star_rating_input_label_one": "{{count}} зірок",
-  "{{name}} (Waiting for video...)": "{{name}} (Очікування на відео...)",
+  "star_rating_input_label_other": "{{count}} зірок",
-  "This feature is only supported on Firefox.": "Ця функція підтримується лише в браузері Firefox.",
+  "start_new_call": "Розпочати новий виклик",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Надсилання журналів налагодження допоможе нам виявити проблему.</0>",
+  "start_video_button_label": "Розпочати відео",
-  "<0>Oops, something's gone wrong.</0>": "<0>Йой, щось пішло не за планом.</0>",
+  "stop_screenshare_button_label": "Презентація екрана",
-  "Use the upcoming grid system": "Використовувати майбутню сіткову систему",
+  "stop_video_button_label": "Зупинити відео",
-  "Expose developer settings in the settings window.": "Відкрийте налаштування розробника у вікні налаштувань.",
+  "submitting": "Надсилання…",
-  "Developer Settings": "Налаштування розробника",
+  "unauthenticated_view_body": "Ще не зареєстровані? <2>Створіть обліковий запис</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>.": "Користуючись дочасним доступом, ви даєте згоду на збір анонімних даних, які ми використовуємо для вдосконалення продукту. Ви можете знайти більше інформації про те, які дані ми відстежуємо в нашій <2>Політиці Приватності</2> і нашій <5>Політиці про куки</5>.",
+  "unauthenticated_view_eula_caption": "Натискаючи \"Далі\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
-  "<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>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику.",
+  "unauthenticated_view_login_button": "Увійдіть до свого облікового запису",
-  "Your feedback": "Ваш відгук",
+  "unmute_microphone_button_label": "Увімкнути мікрофон",
-  "Thanks, we received your feedback!": "Дякуємо, ми отримали ваш відгук!",
+  "version": "Версія: {{version}}",
-  "Submitting…": "Надсилання…",
+  "video_tile": {
-  "Submit": "Надіслати",
+    "presenter_label": "{{displayName}} представляє",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Якщо у вас виникли проблеми або ви просто хочете залишити відгук, надішліть нам короткий опис нижче.",
+    "sfu_participant_local": "Ви"
-  "Feedback": "Відгук"
+  },
+  "waiting_for_participants": "Очікування на інших учасників…"
 }

public/locales/vi/app.json

@@ -1,38 +1,80 @@
 {
-  "Login": "Đăng nhập",
+  "action": {
-  "{{count}} people connected|other": "{{count}} người đã kết nối",
+    "close": "Đóng",
-  "{{name}} (Waiting for video...)": "{{name}} (Đang đợi truyền hình...)",
+    "copy": "Sao chép",
-  "Join call": "Tham gia cuộc gọi",
+    "no": "Không",
-  "Mute microphone": "Tắt micrô",
+    "register": "Đăng ký",
-  "Password": "Mật khẩu",
+    "sign_in": "Đăng nhập",
-  "Settings": "Cài đặt",
+    "sign_out": "Đăng xuất",
-  "Sending…": "Đang gửi…",
+    "submit": "Gửi"
-  "Sign in": "Đăng nhập",
+  },
-  "Submit": "Gửi",
+  "call_ended_view": {
-  "Video call name": "Tên cuộc gọi truyền hình",
+    "create_account_button": "Tạo tài khoản",
-  "Video call": "Gọi truyền hình",
+    "create_account_prompt": "<0>Tại sao lại không hoàn thiện bằng cách đặt mật khẩu để giữ tài khoản của bạn?</0><1>Bạn sẽ có thể giữ tên và đặt ảnh đại diện cho những cuộc gọi tiếp theo.</1>",
-  "Video": "Truyền hình",
+    "feedback_done": "<0>Cảm hơn vì đã phản hồi!</0>",
-  "Username": "Tên người dùng",
+    "feedback_prompt": "<0>Chúng tôi muốn nghe phản hồi của bạn để còn cải thiện trải nghiệm cho bạn.</0>",
-  "Yes, join call": "Vâng, tham gia cuộc gọi",
+    "headline": "{{displayName}}, cuộc gọi đã kết thúc."
-  "Your feedback": "Phản hồi của bạn",
+  },
-  "{{count}} people connected|one": "{{count}} người đã kết nối",
+  "common": {
-  "{{displayName}}, your call is now ended": "{{displayName}}, cuộc gọi của bạn đã kết thúc",
+    "audio": "Âm thanh",
-  "{{name}} (Connecting...)": "{{name}} (Đang kết nối...)",
+    "avatar": "Ảnh đại diện",
-  "Your recent calls": "Cuộc gọi gần đây",
+    "camera": "Máy quay",
-  "You can't talk at the same time": "Bạn không thể nói cùng thời điểm",
+    "copied": "Đã sao chép!",
-  "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.",
+    "display_name": "Tên hiển thị",
-  "Waiting for network": "Đang đợi kết nối mạng",
+    "loading": "Đang tải…",
-  "Waiting for other participants…": "Đang đợi những người khác…",
+    "microphone": "Micrô",
-  "Version: {{version}}": "Phiên bản: {{version}}",
+    "password": "Mật khẩu",
-  "Turn on camera": "Bật máy quay",
+    "profile": "Hồ sơ",
-  "Turn off camera": "Tắt máy quay",
+    "settings": "Cài đặt",
-  "Submit feedback": "Gửi phản hồi",
+    "username": "Tên người dùng",
-  "Stop sharing screen": "Ngừng chia sẻ màn hình",
+    "video": "Truyền hình"
-  "Speaker": "Loa",
+  },
-  "Sign out": "Đăng xuất",
+  "exit_fullscreen_button_label": "Rời chế độ toàn màn hình",
-  "Share screen": "Chia sẻ màn hình",
+  "full_screen_view_description": "<0>Gửi nhật ký gỡ lỗi sẽ giúp chúng tôi theo dõi vấn đề.</0>",
-  "No": "Không",
+  "full_screen_view_h1": "<0>Ối, có cái gì đó sai.</0>",
-  "Invite people": "Mời mọi người",
+  "fullscreen_button_label": "Toàn màn hình",
-  "Join call now": "Tham gia cuộc gọi",
+  "join_existing_call_modal": {
-  "Create account": "Tạo tài khoản"
+    "join_button": "Vâng, tham gia cuộc gọi",
+    "text": "Cuộc gọi đã tồn tại, bạn có muốn tham gia không?",
+    "title": "Tham gia cuộc gọi?"
+  },
+  "layout_spotlight_label": "Tiêu điểm",
+  "lobby": {
+    "join_button": "Tham gia cuộc gọi"
+  },
+  "logging_in": "Đang đăng nhập…",
+  "login_auth_links": "<0>Tạo tài khoản</0> Hay <2>Tham gia dưới tên khác</2>",
+  "login_title": "Đăng nhập",
+  "rageshake_request_modal": {
+    "body": "Một người dùng khác trong cuộc gọi đang gặp vấn đề. Để có thể chẩn đoán tốt hơn chúng tôi muốn thu thập nhật ký gỡ lỗi.",
+    "title": "Yêu cầu nhật ký gỡ lỗi"
+  },
+  "rageshake_sending": "Đang gửi…",
+  "recaptcha_not_loaded": "Chưa tải được Recaptcha",
+  "register": {
+    "passwords_must_match": "Mật khẩu phải khớp",
+    "registering": "Đang đăng ký…"
+  },
+  "register_auth_links": "<0>Đã có tài khoản?</0><1><0>Đăng nhập</0> Hay <2>Tham gia dưới tên Khách</2></1>",
+  "register_confirm_password_label": "Xác nhận mật khẩu",
+  "room_auth_view_join_button": "Tham gia cuộc gọi",
+  "screenshare_button_label": "Chia sẻ màn hình",
+  "settings": {
+    "developer_settings_label": "Cài đặt phát triển",
+    "developer_tab_title": "Nhà phát triển",
+    "feedback_tab_description_label": "Phản hồi của bạn",
+    "feedback_tab_h4": "Gửi phản hồi",
+    "feedback_tab_send_logs_label": "Kèm theo nhật ký gỡ lỗi",
+    "feedback_tab_thank_you": "Cảm ơn, chúng tôi đã nhận được phản hồi!",
+    "feedback_tab_title": "Phản hồi",
+    "speaker_device_selection_label": "Loa"
+  },
+  "submitting": "Đang gửi…",
+  "unauthenticated_view_body": "Chưa đăng ký? <2>Tạo tài khoản</2>",
+  "unauthenticated_view_login_button": "Đăng nhập vào tài khoản của bạn",
+  "version": "Phiên bản: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} đang trình bày"
+  },
+  "waiting_for_participants": "Đang đợi những người khác…"
 }

public/locales/zh-Hans/app.json

@@ -1,129 +1,135 @@
 {
-  "Your recent calls": "最近通话",
+  "a11y": {
-  "You can't talk at the same time": "你不能在同一时间发言",
+    "user_menu": "用户菜单"
-  "Yes, join call": "是，加入通话",
+  },
-  "WebRTC is not supported or is being blocked in this browser.": "此浏览器不支持WebRTC或WebRTC被浏览器阻止。",
+  "action": {
-  "Walkie-talkie call name": "对讲机通话名称",
+    "close": "关闭",
-  "Walkie-talkie call": "对讲机通话",
+    "copy": "复制",
-  "Waiting for other participants…": "等待其他参与者……",
+    "go": "开始",
-  "Waiting for network": "正在等待网络",
+    "no": "否",
-  "Video call name": "视频通话名称",
+    "register": "注册",
-  "Video call": "视频通话",
+    "remove": "移除",
-  "Video": "视频",
+    "sign_in": "登录",
-  "Version: {{version}}": "版本：{{version}}",
+    "sign_out": "登出",
-  "Username": "用户名",
+    "submit": "提交"
-  "User menu": "用户菜单",
+  },
-  "Unmute microphone": "取消麦克风静音",
+  "analytics_notice": "参与测试即表示您同意我们收集匿名数据，用于改进产品。您可以在我们的<2>隐私政策</2>和<5>Cookie政策</5>中找到有关我们跟踪哪些数据以及更多信息。",
-  "Turn on camera": "开启摄像头",
+  "app_selection_modal": {
-  "Turn off camera": "关闭摄像头",
+    "continue_in_browser": "在浏览器中继续",
-  "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.)": "这将使发言人的音频看起来像是来自他们在屏幕上的位置。(实验性功能：这可能影响音频的稳定性）",
+    "open_in_app": "在应用中打开",
-  "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>",
+    "text": "准备好加入了吗？",
-  "This call already exists, would you like to join?": "该通话已存在，你想加入吗？",
+    "title": "选择应用程序"
-  "Thanks! We'll get right on it.": "谢谢！我们会马上去做的。",
+  },
-  "Talking…": "正在发言……",
+  "browser_media_e2ee_unsupported": "您的浏览器不支持媒体端对端加密。支持的浏览器有 Chrome、Safari、Firefox >=117",
-  "Talk over speaker": "通过扬声器发言",
+  "call_ended_view": {
-  "Take me Home": "返回主页",
+    "body": "通话已中断",
-  "Submit feedback": "提交反馈",
+    "create_account_button": "创建账户",
-  "Stop sharing screen": "停止屏幕共享",
+    "create_account_prompt": "<0>为何不设置密码来保留你的账户？</0><1>保留昵称并设置头像，以便在未来的通话中使用。</1>",
-  "Spotlight": "聚焦模式",
+    "feedback_done": "<0>感谢反馈！</0>",
-  "Speaker {{n}}": "发言人 {{n}}",
+    "feedback_prompt": "<0>我们需要您的反馈以提升用户体验。</0>",
-  "Speaker": "发言人",
+    "headline": "{{displayName}}，通话已结束。",
-  "Spatial audio": "空间音频",
+    "not_now_button": "暂不，返回主页",
-  "Sign out": "注销登录",
+    "reconnect_button": "重新连接",
-  "Sign in": "登录",
+    "survey_prompt": "进展如何？"
-  "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.": "这个通话中的另一个用户出现了问题。为了更好地诊断这些问题，我们想收集调试日志。",
+  "call_name": "通话名称",
-  "Accept microphone permissions to join the call.": "授予麦克风权限以加入通话。",
+  "common": {
-  "Accept camera/microphone permissions to join the call.": "授予摄像头/麦克风权限以加入通话。",
+    "audio": "音频",
-  "<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>",
+    "avatar": "头像",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>现在加入通话</0><1>或</1><2>复制通话链接并稍后加入</2>",
+    "camera": "摄像头",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>创建账户</0> Or <2>以访客身份继续</2>",
+    "copied": "已复制！",
-  "<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>",
+    "display_name": "显示名称",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - 对讲机通话",
+    "encrypted": "已加密",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "home": "主页",
-  "{{name}} is talking…": "{{name}}正在发言……",
+    "loading": "加载中……",
-  "{{name}} is presenting": "{{name}}正在展示",
+    "microphone": "麦克风",
-  "{{name}} (Waiting for video...)": "{{name}}（等待视频……）",
+    "password": "密码",
-  "{{name}} (Connecting...)": "{{name}} (正在连接……)",
+    "profile": "个人信息",
-  "{{displayName}}, your call is now ended": "{{displayName}}，您的通话已结束",
+    "settings": "设置",
-  "{{count}} people connected|other": "{{count}}人已连接",
+    "unencrypted": "未加密",
-  "{{count}} people connected|one": "{{count}}人已连接",
+    "username": "用户名",
-  "Inspector": "检查器",
+    "video": "视频"
-  "Show call inspector": "显示通话检查器",
+  },
-  "Share screen": "屏幕共享",
+  "disconnected_banner": "与服务器的连接中断。",
-  "Settings": "设置",
+  "exit_fullscreen_button_label": "退出全屏",
-  "Sending…": "正在发送……",
+  "full_screen_view_description": "<0>提交日志以帮助我们修复问题。</0>",
-  "Sending debug logs…": "正在发送调试日志……",
+  "full_screen_view_h1": "<0>哎哟，出问题了。</0>",
-  "Send debug logs": "发送调试日志",
+  "fullscreen_button_label": "全屏",
-  "Select an option": "选择一个选项",
+  "group_call_loader_failed_heading": "未找到通话",
-  "Return to home screen": "返回主页",
+  "group_call_loader_failed_text": "现在，通话是端对端加密的，需要从主页创建。这有助于确保每个人都使用相同的加密密钥。",
-  "Remove": "移除",
+  "hangup_button_label": "通话结束",
-  "Release to stop": "松开后停止",
+  "header_label": "Element Call主页",
-  "Release spacebar key to stop": "松开空格键停止",
+  "join_existing_call_modal": {
-  "Registering…": "正在注册……",
+    "join_button": "是，加入通话",
-  "Register": "注册",
+    "text": "该通话已存在，你想加入吗？",
-  "Recaptcha not loaded": "reCaptcha未加载",
+    "title": "是否加入现有的通话？"
-  "Recaptcha dismissed": "reCaptcha验证失败",
+  },
-  "Profile": "个人信息",
+  "layout_grid_label": "网格",
-  "Press and hold to talk over {{name}}": "按住不放即可与 {{name}} 通话",
+  "layout_spotlight_label": "聚焦模式",
-  "Press and hold to talk": "按住不放即可通话",
+  "lobby": {
-  "Press and hold spacebar to talk over {{name}}": "按住空格键，与 {{name}} 对话",
+    "join_button": "加入通话",
-  "Press and hold spacebar to talk": "按住空格键发言",
+    "leave_button": "返回最近通话"
-  "Passwords must match": "密码必须匹配",
+  },
-  "Password": "密码",
+  "local_volume_label": "本地音量",
-  "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>",
+  "logging_in": "登录中……",
-  "Not registered yet? <2>Create an account</2>": "还没有注册？ <2>创建账户<2>",
+  "login_auth_links": "<0>创建账户</0> Or <2>以访客身份继续</2>",
-  "Not now, return to home screen": "暂不，先返回主页",
+  "login_title": "登录",
-  "No": "否",
+  "microphone_off": "麦克风关闭",
-  "Mute microphone": "麦克风静音",
+  "microphone_on": "麦克风开启",
-  "More": "更多",
+  "mute_microphone_button_label": "静音麦克风",
-  "Microphone permissions needed to join the call.": "加入通话需要麦克风权限。",
+  "rageshake_button_error_caption": "重传日志",
-  "Microphone {{n}}": "麦克风 {{n}}",
+  "rageshake_request_modal": {
-  "Microphone": "麦克风",
+    "body": "这个通话中的另一个用户出现了问题。为了更好地诊断这些问题，我们想收集调试日志。",
-  "Login to your account": "登录你的账户",
+    "title": "调试日志请求"
-  "Login": "登录",
+  },
-  "Logging in…": "登录中……",
+  "rageshake_send_logs": "发送调试日志",
-  "Local volume": "本地音量",
+  "rageshake_sending": "正在发送……",
-  "Loading…": "加载中……",
+  "rageshake_sending_logs": "正在发送调试日志……",
-  "Leave": "离开",
+  "rageshake_sent": "谢谢！",
-  "Join existing call?": "加入现有的通话？",
+  "recaptcha_caption": "该站点受 ReCAPTCHA 保护，适用于Google的 <2>隐私政策</2>和 <6>服务条款</6>。 <9></9>点击 \"注册\"，即表示您同意我们的 <12>最终用户许可协议 (EULA)</12>",
-  "Join call now": "现在加入通话",
+  "recaptcha_dismissed": "人机验证失败",
-  "Join call": "加入通话",
+  "recaptcha_not_loaded": "recaptcha未加载",
-  "Invite people": "邀请他人",
+  "register": {
-  "Invite": "邀请",
+    "passwords_must_match": "密码必须匹配",
-  "Incompatible versions!": "版本不兼容！",
+    "registering": "正在注册……"
-  "Incompatible versions": "不兼容版本",
+  },
-  "Include debug logs": "包含调试日志",
+  "register_auth_links": "<0>已有账户？</0><1><0>登录</0> Or <2>以访客身份继续</2></1>",
-  "Home": "主页",
+  "register_confirm_password_label": "确认密码",
-  "Grid layout menu": "网格布局菜单",
+  "return_home_button": "返回主页",
-  "Go": "开始",
+  "room_auth_view_eula_caption": "点击 \"加入通话\"，即表示您同意我们的<2>最终用户许可协议 (EULA)</2>",
-  "Full screen": "全屏",
+  "room_auth_view_join_button": "现在加入通话",
-  "Freedom": "自由模式",
+  "screenshare_button_label": "屏幕共享",
-  "Fetching group call timed out.": "获取群组通话超时。",
+  "select_input_unset_button": "选择一个选项",
-  "Exit full screen": "退出全屏",
+  "settings": {
-  "Element Call Home": "Element Call 主页",
+    "developer_settings_label": "开发者设置",
-  "Download debug logs": "下载调试日志",
+    "developer_settings_label_description": "在设置中显示开发者设置。",
-  "Display name": "显示名称",
+    "developer_tab_title": "开发者",
-  "Developer": "开发者",
+    "feedback_tab_body": "如果遇到问题或想提供一些反馈意见，请在下面向我们发送简短描述。",
-  "Details": "详情",
+    "feedback_tab_description_label": "您的反馈",
-  "Debug log request": "调试日志请求",
+    "feedback_tab_h4": "提交反馈",
-  "Debug log": "调试日志",
+    "feedback_tab_send_logs_label": "包含调试日志",
-  "Create account": "创建账户",
+    "feedback_tab_thank_you": "谢谢，我们收到了反馈！",
-  "Copy and share this call link": "复制并分享该链接",
+    "feedback_tab_title": "反馈",
-  "Copy": "复制",
+    "more_tab_title": "更多",
-  "Copied!": "已复制！",
+    "opt_in_description": "<0></0><1></1>您可以取消选中复选框来撤回同意。如果正在通话中，此设置将在通话结束时生效。",
-  "Connection lost": "连接丢失",
+    "show_connection_stats_label": "显示连接统计信息",
-  "Confirm password": "确认密码",
+    "speaker_device_selection_label": "发言人"
-  "Close": "关闭",
+  },
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "点击开始则代表同意我们的<2>条款和条件<2>",
+  "star_rating_input_label_one": "{{count}} 个星",
-  "Change layout": "更改布局",
+  "star_rating_input_label_other": "{{count}} 个星",
-  "Camera/microphone permissions needed to join the call.": "加入通话需要摄像头/麦克风权限。",
+  "start_new_call": "开始新通话",
-  "Camera {{n}}": "摄像头 {{n}}",
+  "start_video_button_label": "开始视频",
-  "Camera": "摄像头",
+  "stop_screenshare_button_label": "屏幕共享",
-  "Call type menu": "通话类型菜单",
+  "stop_video_button_label": "停止视频",
-  "Call link copied": "链接已复制",
+  "submitting": "提交中…",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "点击“现在加入”则表示同意我们的<2>条款与条件<2>",
+  "unauthenticated_view_body": "还没有注册？ <2>创建账户<2>",
-  "Avatar": "头像",
+  "unauthenticated_view_eula_caption": "点击 \"开始\"，即表示您同意我们的<2>最终用户许可协议 (EULA)</2>",
-  "<0>Oops, something's gone wrong.</0>": "<0>哎哟，出问题了。</0>",
+  "unauthenticated_view_login_button": "登录你的账户",
-  "<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.": ""
+  "unmute_microphone_button_label": "取消麦克风静音",
+  "version": "版本：{{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}}正在展示",
+    "sfu_participant_local": "你"
+  },
+  "waiting_for_participants": "等待其他参与者……"
 }

public/locales/zh-Hant/app.json

@@ -1,141 +1,142 @@
 {
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>現在加入通話</0><1>或</1><2>複製通話連結，稍後再加入</2>",
+  "a11y": {
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>建立帳號</0> 或<2>以訪客身份登入</2>",
+    "user_menu": "使用者選單"
-  "<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}} - 對講機式通話",
+  "action": {
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "close": "關閉",
-  "{{name}} is talking…": "{{name}} 正在發言…",
+    "copy": "複製",
-  "{{name}} is presenting": "{{name}} 已上線",
+    "copy_link": "複製連結",
-  "{{name}} (Waiting for video...)": "{{name}} (等候視訊中...)",
+    "go": "前往",
-  "{{name}} (Connecting...)": "{{name}} (連結中...)",
+    "invite": "邀請",
-  "{{displayName}}, your call is now ended": "{{displayName}}，您的通話已結束",
+    "no": "否",
-  "{{count}} people connected|other": "{{count}} 人已連結",
+    "register": "註冊",
-  "{{count}} people connected|one": "{{count}} 人已連結",
+    "remove": "移除",
-  "Use the upcoming grid system": "使用即將推出的網格系統",
+    "sign_in": "登入",
-  "Expose developer settings in the settings window.": "在設定視窗中顯示開發者設定。",
+    "sign_out": "登出",
-  "Developer Settings": "開發者設定",
+    "submit": "遞交"
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>送出除錯紀錄，可幫助我們修正問題。</0>",
+  },
-  "<0>Oops, something's gone wrong.</0>": "<0>喔喔，有些地方怪怪的。</0>",
+  "analytics_notice": "參與此測試版即表示您同意蒐集匿名資料，我們使用這些資料來改進產品。您可以在我們的<2>隱私政策</2>與我們的 <5>Cookie 政策</5> 中找到關於我們追蹤哪些資料的更多資訊。",
-  "Your recent calls": "您最近的通話",
+  "app_selection_modal": {
-  "You can't talk at the same time": "您無法在同一時間發言",
+    "continue_in_browser": "在瀏覽器中繼續",
-  "Yes, join call": "是，加入對話",
+    "open_in_app": "在應用程式中開啟",
-  "WebRTC is not supported or is being blocked in this browser.": "此瀏覽器未支援 WebRTC 或 WebRTC 被瀏覽器封鎖。",
+    "text": "準備好加入了？",
-  "Walkie-talkie call name": "對講機式通話名稱",
+    "title": "選取應用程式"
-  "Walkie-talkie call": "即時通話",
+  },
-  "Waiting for other participants…": "等待其他參加者…",
+  "browser_media_e2ee_unsupported": "您的網路瀏覽器不支援媒體端到端加密。支援的瀏覽器包含了 Chrome、Safari、Firefox >=117",
-  "Waiting for network": "等待網路連線",
+  "call_ended_view": {
-  "Video call name": "視訊通話姓名",
+    "body": "您已從通話斷線",
-  "Video call": "視訊通話",
+    "create_account_button": "建立帳號",
-  "Video": "視訊",
+    "create_account_prompt": "<0>何不設定密碼以保留此帳號？</0><1>您可以保留暱稱並設定頭像，以便未來通話時使用</1>",
-  "Version: {{version}}": "版本： {{version}}",
+    "feedback_done": "<0>感謝您的回饋！</0>",
-  "Username": "使用者名稱",
+    "feedback_prompt": "<0>我們想要聽到您的回饋，如此我們才能改善您的體驗。</0>",
-  "User menu": "使用者選單",
+    "headline": "{{displayName}}，您的通話已結束。",
-  "Unmute microphone": "取消麥克風靜音",
+    "not_now_button": "現在不行，回到首頁",
-  "Turn on camera": "開啟相機",
+    "reconnect_button": "重新連線",
-  "Turn off camera": "關閉相機",
+    "survey_prompt": "進展如何？"
-  "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>",
+  "call_name": "通話名稱",
-  "This feature is only supported on Firefox.": "只有 Firefox 支援此功能。",
+  "common": {
-  "This call already exists, would you like to join?": "通話已經開始，請問您要加入嗎？",
+    "audio": "語音",
-  "Thanks! We'll get right on it.": "謝謝您！我們會盡快處理。",
+    "avatar": "大頭照",
-  "Talking…": "對話中…",
+    "camera": "相機",
-  "Talk over speaker": "以擴音對話",
+    "copied": "已複製！",
-  "Take me Home": "帶我回主畫面",
+    "display_name": "顯示名稱",
-  "Submit feedback": "遞交回覆",
+    "encrypted": "已加密",
-  "Stop sharing screen": "停止分享螢幕畫面",
+    "home": "首頁",
-  "Spotlight": "聚焦",
+    "loading": "載入中…",
-  "Speaker {{n}}": "發言者{{n}}",
+    "microphone": "麥克風",
-  "Speaker": "發言者",
+    "password": "密碼",
-  "Spatial audio": "空間音效",
+    "profile": "個人檔案",
-  "Sign out": "登出",
+    "settings": "設定",
-  "Sign in": "登入",
+    "unencrypted": "未加密",
-  "Show call inspector": "顯示通話稽查員",
+    "username": "使用者名稱",
-  "Share screen": "分享畫面",
+    "video": "視訊"
-  "Settings": "設定",
+  },
-  "Sending…": "傳送中…",
+  "disconnected_banner": "到伺服器的連線已遺失。",
-  "Sending debug logs…": "傳送除錯記錄檔中…",
+  "exit_fullscreen_button_label": "退出全螢幕",
-  "Send debug logs": "傳送除錯紀錄",
+  "full_screen_view_description": "<0>送出除錯紀錄，可幫助我們修正問題。</0>",
-  "Select an option": "選擇一個選項",
+  "full_screen_view_h1": "<0>喔喔，有些地方怪怪的。</0>",
-  "Return to home screen": "回到首頁",
+  "fullscreen_button_label": "全螢幕",
-  "Remove": "移除",
+  "group_call_loader_failed_heading": "找不到通話",
-  "Release to stop": "放開以停止",
+  "group_call_loader_failed_text": "通話現在是端對端加密的，必須從首頁建立。這有助於確保每個人都使用相同的加密金鑰。",
-  "Release spacebar key to stop": "放開空白鍵以停止",
+  "hangup_button_label": "結束通話",
-  "Registering…": "註冊中…",
+  "header_label": "Element Call 首頁",
-  "Register": "註冊",
+  "header_participants_label": "參與者",
-  "Recaptcha not loaded": "驗證碼未載入",
+  "invite_modal": {
-  "Recaptcha dismissed": "略過驗證碼",
+    "link_copied_toast": "連結已複製到剪貼簿",
-  "Profile": "個人檔案",
+    "title": "邀請到此通話"
-  "Press and hold to talk over {{name}}": "與{{name}}對話時，請按住按鍵",
+  },
-  "Press and hold to talk": "請按住按鍵來發言",
+  "join_existing_call_modal": {
-  "Press and hold spacebar to talk over {{name}}": "與{{name}}對話時，請按住空白鍵",
+    "join_button": "是，加入對話",
-  "Press and hold spacebar to talk": "說話時請按住空白鍵",
+    "text": "通話已經開始，請問您要加入嗎？",
-  "Passwords must match": "密碼必須相符",
+    "title": "加入已開始的通話嗎？"
-  "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>",
+  "layout_grid_label": "網格",
-  "Not registered yet? <2>Create an account</2>": "還沒註冊嗎？<2>建立帳號</2>",
+  "layout_spotlight_label": "聚焦",
-  "Not now, return to home screen": "現在不行，回到首頁",
+  "lobby": {
-  "No": "否",
+    "join_button": "加入通話",
-  "Mute microphone": "麥克風靜音",
+    "leave_button": "回到最近的通話"
-  "More": "更多",
+  },
-  "Microphone permissions needed to join the call.": "加入通話前需要取得麥克風的權限。",
+  "local_volume_label": "您的音量",
-  "Microphone {{n}}": "麥克風 {{n}}",
+  "logging_in": "登入中…",
-  "Microphone": "麥克風",
+  "login_auth_links": "<0>建立帳號</0> 或<2>以訪客身份登入</2>",
-  "Login to your account": "登入您的帳號",
+  "login_title": "登入",
-  "Login": "登入",
+  "microphone_off": "麥克風關閉",
-  "Logging in…": "登入中…",
+  "microphone_on": "麥克風開啟",
-  "Local volume": "您的音量",
+  "mute_microphone_button_label": "將麥克風靜音",
-  "Loading…": "載入中…",
+  "rageshake_button_error_caption": "重試傳送紀錄檔",
-  "Leave": "離開",
+  "rageshake_request_modal": {
-  "Join existing call?": "加入已開始的通話嗎？",
+    "body": "這通對話中的另一位使用者遇到了某些問題。為了診斷問題，我們將會建立除錯紀錄。",
-  "Join call now": "現在加入通話",
+    "title": "請求偵錯報告"
-  "Join call": "加入通話",
+  },
-  "Invite people": "邀請夥伴",
+  "rageshake_send_logs": "傳送除錯紀錄",
-  "Invite": "邀請",
+  "rageshake_sending": "傳送中…",
-  "Inspector": "稽查員",
+  "rageshake_sending_logs": "傳送除錯記錄檔中…",
-  "Incompatible versions!": "不相容版本！",
+  "rageshake_sent": "感謝！",
-  "Incompatible versions": "不相容版本",
+  "recaptcha_caption": "此網站被 ReCAPTCHA 保護，並適用 Google 的<2>隱私權政策</2>與<6>服務條款</6>。<9></9>點擊「註冊」即表示您同意我們的<12>終端使用者授權協議 (EULA)</12>",
-  "Include debug logs": "包含除錯紀錄",
+  "recaptcha_dismissed": "略過驗證碼",
-  "Home": "首頁",
+  "recaptcha_not_loaded": "驗證碼未載入",
-  "Grid layout menu": "格框式清單",
+  "register": {
-  "Go": "前往",
+    "passwords_must_match": "密碼必須相符",
-  "Full screen": "全螢幕",
+    "registering": "註冊中…"
-  "Freedom": "自由",
+  },
-  "Fetching group call timed out.": "加入群組對話已逾時。",
+  "register_auth_links": "<0>已經有帳號?</0><1><0>登入</0> 或<2>以訪客身份登入</2></1>",
-  "Exit full screen": "退出全螢幕",
+  "register_confirm_password_label": "確認密碼",
-  "Element Call Home": "Element Call 首頁",
+  "return_home_button": "回到首頁",
-  "Download debug logs": "下載偵錯報告",
+  "room_auth_view_eula_caption": "點擊「立刻加入通話」即表示您同意我們的<2>終端使用者授權協議 (EULA)</2>",
-  "Display name": "顯示名稱",
+  "room_auth_view_join_button": "現在加入通話",
-  "Developer": "開發者",
+  "screenshare_button_label": "分享畫面",
-  "Details": "詳細說明",
+  "select_input_unset_button": "選擇一個選項",
-  "Debug log request": "請求偵錯報告",
+  "settings": {
-  "Debug log": "除錯紀錄",
+    "developer_settings_label": "開發者設定",
-  "Create account": "建立帳號",
+    "developer_settings_label_description": "在設定視窗中顯示開發者設定。",
-  "Copy and share this call link": "複製並分享通話連結",
+    "developer_tab_title": "開發者",
-  "Copy": "複製",
+    "feedback_tab_body": "若您遇到問題或只是想提供一些回饋，請在下方傳送簡短說明給我們。",
-  "Copied!": "已複製！",
+    "feedback_tab_description_label": "您的回饋",
-  "Connection lost": "連線中斷",
+    "feedback_tab_h4": "遞交回覆",
-  "Confirm password": "確認密碼",
+    "feedback_tab_send_logs_label": "包含除錯紀錄",
-  "Close": "關閉",
+    "feedback_tab_thank_you": "感謝，我們已經收到您的回饋了！",
-  "Change layout": "變更排列",
+    "feedback_tab_title": "回饋",
-  "Camera/microphone permissions needed to join the call.": "加入通話需要取得相機/麥克風的權限。",
+    "more_tab_title": "更多",
-  "Camera {{n}}": "相機 {{n}}",
+    "opt_in_description": "<0></0><1></1>您可以透過取消核取此方塊來撤回同意。若您目前正在通話中，此設定將在通話結束時生效。",
-  "Camera": "相機",
+    "show_connection_stats_label": "顯示連線統計資料",
-  "Call type menu": "通話類型選單",
+    "speaker_device_selection_label": "發言者"
-  "Call link copied": "已複製通話連結",
+  },
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "當您按下「加入通話」，您也同時同意了我們的條款與細則",
+  "star_rating_input_label_one": "{{count}} 個星星",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "當您按下「前往」，你也同意了我們的條款與細則",
+  "star_rating_input_label_other": "{{count}} 個星星",
-  "Avatar": "大頭照",
+  "start_new_call": "開始新通話",
-  "Audio": "語音",
+  "start_video_button_label": "開始影片",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "這通對話中的另一位使用者遇到了某些問題。為了診斷問題，我們將會建立除錯紀錄。",
+  "stop_screenshare_button_label": "分享畫面",
-  "Accept microphone permissions to join the call.": "請授權使用您的麥克風以加入通話。",
+  "stop_video_button_label": "停止影片",
-  "Accept camera/microphone permissions to join the call.": "請授權使用您的相機/麥克風以加入對話。",
+  "submitting": "正在遞交……",
-  "<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>",
+  "unauthenticated_view_body": "還沒註冊嗎？<2>建立帳號</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>.": "參與此測試版即表示您同意蒐集匿名資料，我們使用這些資料來改進產品。您可以在我們的<2>隱私政策</2>與我們的 <5>Cookie 政策</5> 中找到關於我們追蹤哪些資料的更多資訊。",
+  "unauthenticated_view_eula_caption": "點擊「前往」即表示您同意我們的<2>終端使用者授權協議 (EULA)</2>",
-  "<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>您可以透過取消核取此方塊來撤回同意。若您目前正在通話中，此設定將在通話結束時生效。",
+  "unauthenticated_view_login_button": "登入您的帳號",
-  "Your feedback": "您的回饋",
+  "unmute_microphone_button_label": "將麥克風取消靜音",
-  "Thanks, we received your feedback!": "感謝，我們已經收到您的回饋了！",
+  "version": "版本： {{version}}",
-  "Submitting…": "正在遞交……",
+  "video_tile": {
-  "Submit": "遞交",
+    "presenter_label": "{{displayName}} 正在展示",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "若您遇到問題或只是想提供一些回饋，請在下方傳送簡短說明給我們。",
+    "sfu_participant_local": "您"
-  "Feedback": "回饋"
+  },
+  "waiting_for_participants": "等待其他參加者…"
 }

renovate.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": ["config:base"],
+  "packageRules": [
+    {
+      "description": "Disable renoavte for packages we want to monitor ourselves",
+      "matchPackagePatterns": ["matrix-js-sdk"],
+      "enabled": false
+    }
+  ]
+}

src/@types/i18next.d.ts

@@ -0,0 +1,29 @@
+/*
+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 "i18next";
+// import all namespaces (for the default language, only)
+import app from "../../public/locales/en-GB/app.json";
+
+declare module "i18next" {
+  interface CustomTypeOptions {
+    defaultNS: "app";
+    keySeparator: ".";
+    resources: {
+      app: typeof app;
+    };
+  }
+}

src/App.tsx

@@ -14,31 +14,54 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { Suspense, useEffect, useState } from "react";
+import { FC, Suspense, useEffect, useState } from "react";
-import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
+import {
+  BrowserRouter as Router,
+  Switch,
+  Route,
+  useLocation,
+} from "react-router-dom";
 import * as Sentry from "@sentry/react";
 import { OverlayProvider } from "@react-aria/overlays";
+import { History } from "history";
 
 import { HomePage } from "./home/HomePage";
 import { LoginPage } from "./auth/LoginPage";
 import { RegisterPage } from "./auth/RegisterPage";
 import { RoomPage } from "./room/RoomPage";
-import { RoomRedirect } from "./room/RoomRedirect";
 import { ClientProvider } from "./ClientContext";
-import { usePageFocusStyle } from "./usePageFocusStyle";
-import { SequenceDiagramViewerPage } from "./SequenceDiagramViewerPage";
-import { InspectorContextProvider } from "./room/GroupCallInspector";
 import { CrashView, LoadingView } from "./FullScreenView";
+import { DisconnectedBanner } from "./DisconnectedBanner";
 import { Initializer } from "./initializer";
-import { MediaHandlerProvider } from "./settings/useMediaHandler";
+import { MediaDevicesProvider } from "./livekit/MediaDevicesContext";
 
 const SentryRoute = Sentry.withSentryRouting(Route);
 
+interface BackgroundProviderProps {
+  children: JSX.Element;
+}
+
+const BackgroundProvider: FC<BackgroundProviderProps> = ({ children }) => {
+  const { pathname } = useLocation();
+
+  useEffect(() => {
+    let backgroundImage = "";
+    if (!["/login", "/register"].includes(pathname)) {
+      backgroundImage = "var(--background-gradient)";
+    }
+
+    document.getElementsByTagName("body")[0].style.backgroundImage =
+      backgroundImage;
+  }, [pathname]);
+
+  return <>{children}</>;
+};
+
 interface AppProps {
   history: History;
 }
 
-export default function App({ history }: AppProps) {
+export const App: FC<AppProps> = ({ history }) => {
   const [loaded, setLoaded] = useState(false);
 
   useEffect(() => {
@@ -47,19 +70,20 @@ export default function App({ history }: AppProps) {
     });
   });
 
-  usePageFocusStyle();
-
   const errorPage = <CrashView />;
 
   return (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     <Router history={history}>
+      <BackgroundProvider>
         {loaded ? (
           <Suspense fallback={null}>
             <ClientProvider>
-            <MediaHandlerProvider>
+              <MediaDevicesProvider>
-              <InspectorContextProvider>
                 <Sentry.ErrorBoundary fallback={errorPage}>
                   <OverlayProvider>
+                    <DisconnectedBanner />
                     <Switch>
                       <SentryRoute exact path="/">
                         <HomePage />
@@ -70,25 +94,19 @@ export default function App({ history }: AppProps) {
                       <SentryRoute exact path="/register">
                         <RegisterPage />
                       </SentryRoute>
-                      <SentryRoute path="/room/:roomId?">
-                        <RoomPage />
-                      </SentryRoute>
-                      <SentryRoute path="/inspector">
-                        <SequenceDiagramViewerPage />
-                      </SentryRoute>
                       <SentryRoute path="*">
-                        <RoomRedirect />
+                        <RoomPage />
                       </SentryRoute>
                     </Switch>
                   </OverlayProvider>
                 </Sentry.ErrorBoundary>
-              </InspectorContextProvider>
+              </MediaDevicesProvider>
-            </MediaHandlerProvider>
             </ClientProvider>
           </Suspense>
         ) : (
           <LoadingView />
         )}
+      </BackgroundProvider>
     </Router>
   );
-}
+};

src/Avatar.module.css

@@ -1,76 +0,0 @@
-/*
-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);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-  font-weight: 600;
-  overflow: hidden;
-  flex-shrink: 0;
-}
-
-.avatar img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.avatar svg * {
-  fill: var(--primary-content);
-}
-
-.avatar span {
-  padding-top: 1px;
-}
-
-.xs {
-  width: 22px;
-  height: 22px;
-  border-radius: 22px;
-  font-size: 14px;
-}
-
-.sm {
-  width: 32px;
-  height: 32px;
-  border-radius: 32px;
-  font-size: 15px;
-}
-
-.md {
-  width: 36px;
-  height: 36px;
-  border-radius: 36px;
-  font-size: 20px;
-}
-
-.lg {
-  width: 42px;
-  height: 42px;
-  border-radius: 42px;
-  font-size: 24px;
-}
-
-.xl {
-  width: 90px;
-  height: 90px;
-  border-radius: 90px;
-  font-size: 48px;
-}

src/Avatar.tsx

@@ -14,24 +14,11 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { useMemo, CSSProperties } from "react";
+import { useMemo, FC } from "react";
-import classNames from "classnames";
+import { Avatar as CompoundAvatar } from "@vector-im/compound-web";
-import { MatrixClient } from "matrix-js-sdk/src/client";
 
 import { getAvatarUrl } from "./matrix-utils";
 import { useClient } from "./ClientContext";
-import styles from "./Avatar.module.css";
-
-const backgroundColors = [
-  "#5C56F5",
-  "#03B381",
-  "#368BD6",
-  "#AC3BA8",
-  "#E64F7A",
-  "#FF812D",
-  "#2DC2C5",
-  "#74D12C",
-];
 
 export enum Size {
   XS = "xs",
@@ -49,83 +36,43 @@ export const sizes = new Map([
   [Size.XL, 90],
 ]);
 
-function hashStringToArrIndex(str: string, arrLength: number) {
+interface Props {
-  let sum = 0;
+  id: string;
-
+  name: string;
-  for (let i = 0; i < str.length; i++) {
+  className?: string;
-    sum += str.charCodeAt(i);
-  }
-
-  return sum % arrLength;
-}
-
-const resolveAvatarSrc = (client: MatrixClient, src: string, size: number) =>
-  src?.startsWith("mxc://") ? client && getAvatarUrl(client, src, size) : src;
-
-interface Props extends React.HTMLAttributes<HTMLDivElement> {
-  bgKey?: string;
   src?: string;
   size?: Size | number;
-  className?: string;
-  style?: CSSProperties;
-  fallback: string;
 }
 
-export const Avatar: React.FC<Props> = ({
+export const Avatar: FC<Props> = ({
-  bgKey,
-  src,
-  fallback,
-  size = Size.MD,
   className,
-  style = {},
+  id,
-  ...rest
+  name,
+  src,
+  size = Size.MD,
 }) => {
   const { client } = useClient();
 
-  const [sizeClass, sizePx, sizeStyle] = useMemo(
+  const sizePx = useMemo(
     () =>
       Object.values(Size).includes(size as Size)
-        ? [styles[size as string], sizes.get(size as Size), {}]
+        ? sizes.get(size as Size)
-        : [
+        : (size as number),
-            null,
+    [size],
-            size as number,
-            {
-              width: size,
-              height: size,
-              borderRadius: size,
-              fontSize: Math.round((size as number) / 2),
-            },
-          ],
-    [size]
   );
 
-  const resolvedSrc = useMemo(
+  const resolvedSrc = useMemo(() => {
-    () => resolveAvatarSrc(client, src, sizePx),
+    if (!client || !src || !sizePx) return undefined;
-    [client, src, sizePx]
+    return src.startsWith("mxc://") ? getAvatarUrl(client, src, sizePx) : src;
-  );
+  }, [client, src, sizePx]);
 
-  const backgroundColor = useMemo(() => {
-    const index = hashStringToArrIndex(
-      bgKey || fallback || src || "",
-      backgroundColors.length
-    );
-    return backgroundColors[index];
-  }, [bgKey, src, fallback]);
-
-  /* eslint-disable jsx-a11y/alt-text */
   return (
-    <div
+    <CompoundAvatar
-      className={classNames(styles.avatar, sizeClass, className)}
+      className={className}
-      style={{ backgroundColor, ...sizeStyle, ...style }}
+      id={id}
-      {...rest}
+      name={name}
-    >
+      size={`${sizePx}px`}
-      {resolvedSrc ? (
+      src={resolvedSrc}
-        <img src={resolvedSrc} />
+    />
-      ) : typeof fallback === "string" ? (
-        <span>{fallback}</span>
-      ) : (
-        fallback
-      )}
-    </div>
   );
 };

src/Banner.module.css

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 New Vector Ltd
+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.
@@ -14,6 +14,9 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.pttClip {
+.banner {
-  display: none;
+  flex: 1;
+  border-radius: 8px;
+  padding: 16px;
+  background-color: var(--cpd-color-bg-subtle-primary);
 }

src/Banner.tsx

@@ -0,0 +1,27 @@
+/*
+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 { FC, ReactNode } from "react";
+
+import styles from "./Banner.module.css";
+
+interface Props {
+  children: ReactNode;
+}
+
+export const Banner: FC<Props> = ({ children }) => {
+  return <div className={styles.banner}>{children}</div>;
+};

src/ClientContext.tsx

@@ -14,26 +14,27 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, {
+import {
   FC,
   useCallback,
   useEffect,
   useState,
   createContext,
-  useMemo,
   useContext,
   useRef,
+  useMemo,
 } from "react";
 import { useHistory } from "react-router-dom";
-import { MatrixClient } from "matrix-js-sdk/src/client";
+import { ClientEvent, MatrixClient } from "matrix-js-sdk/src/client";
 import { logger } from "matrix-js-sdk/src/logger";
 import { useTranslation } from "react-i18next";
+import { ISyncStateData, SyncState } from "matrix-js-sdk/src/sync";
 
 import { ErrorView } from "./FullScreenView";
 import {
-  initClient,
   CryptoStoreIntegrityError,
   fallbackICEServerAllowed,
+  initClient,
 } from "./matrix-utils";
 import { widget } from "./widget";
 import {
@@ -47,173 +48,139 @@ import { Config } from "./config/Config";
 declare global {
   interface Window {
     matrixclient: MatrixClient;
-    isPasswordlessUser: boolean;
+    passwordlessUser: boolean;
   }
 }
 
-export interface Session {
+export type ClientState = ValidClientState | ErrorState;
-  user_id: string;
+
-  device_id: string;
+export type ValidClientState = {
-  access_token: string;
+  state: "valid";
+  authenticated?: AuthenticatedClient;
+  // 'Disconnected' rather than 'connected' because it tracks specifically
+  // whether the client is supposed to be connected but is not
+  disconnected: boolean;
+  setClient: (params?: SetClientParams) => void;
+};
+
+export type AuthenticatedClient = {
+  client: MatrixClient;
+  isPasswordlessUser: boolean;
+  changePassword: (password: string) => Promise<void>;
+  logout: () => void;
+};
+
+export type ErrorState = {
+  state: "error";
+  error: Error;
+};
+
+export type SetClientParams = {
+  client: MatrixClient;
+  session: Session;
+};
+
+const ClientContext = createContext<ClientState | undefined>(undefined);
+
+export const useClientState = (): ClientState | undefined =>
+  useContext(ClientContext);
+
+export function useClient(): {
+  client?: MatrixClient;
+  setClient?: (params?: SetClientParams) => void;
+} {
+  let client;
+  let setClient;
+
+  const clientState = useClientState();
+  if (clientState?.state === "valid") {
+    client = clientState.authenticated?.client;
+    setClient = clientState.setClient;
+  }
+
+  return { client, setClient };
+}
+
+// Plain representation of the `ClientContext` as a helper for old components that expected an object with multiple fields.
+export function useClientLegacy(): {
+  client?: MatrixClient;
+  setClient?: (params?: SetClientParams) => void;
   passwordlessUser: boolean;
-  tempPassword?: string;
+  loading: boolean;
+  authenticated: boolean;
+  logout?: () => void;
+  error?: Error;
+} {
+  const clientState = useClientState();
+
+  let client;
+  let setClient;
+  let passwordlessUser = false;
+  let loading = true;
+  let error;
+  let authenticated = false;
+  let logout;
+
+  if (clientState?.state === "valid") {
+    client = clientState.authenticated?.client;
+    setClient = clientState.setClient;
+    passwordlessUser = clientState.authenticated?.isPasswordlessUser ?? false;
+    loading = false;
+    authenticated = client !== undefined;
+    logout = clientState.authenticated?.logout;
+  } else if (clientState?.state === "error") {
+    error = clientState.error;
+    loading = false;
+  }
+
+  return {
+    client,
+    setClient,
+    passwordlessUser,
+    loading,
+    authenticated,
+    logout,
+    error,
+  };
 }
 
 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);
-  return null;
-};
-const saveSession = (session: Session) =>
-  localStorage.setItem("matrix-auth-store", JSON.stringify(session));
-const clearSession = () => localStorage.removeItem("matrix-auth-store");
-
-interface ClientState {
-  loading: boolean;
-  isAuthenticated: boolean;
-  isPasswordlessUser: boolean;
-  client: MatrixClient;
-  userName: string;
-  changePassword: (password: string) => Promise<void>;
-  logout: () => void;
-  setClient: (client: MatrixClient, session: Session) => void;
-  error?: Error;
-}
-
-const ClientContext = createContext<ClientState>(null);
-
-type ClientProviderState = Omit<
-  ClientState,
-  "changePassword" | "logout" | "setClient"
-> & { error?: Error };
-
 interface Props {
   children: JSX.Element;
 }
 
 export const ClientProvider: FC<Props> = ({ children }) => {
   const history = useHistory();
-  const initializing = useRef(false);
-  const [
-    { loading, isAuthenticated, isPasswordlessUser, client, userName, error },
-    setState,
-  ] = useState<ClientProviderState>({
-    loading: true,
-    isAuthenticated: false,
-    isPasswordlessUser: false,
-    client: undefined,
-    userName: null,
-    error: undefined,
-  });
 
+  // null = signed out, undefined = loading
+  const [initClientState, setInitClientState] = useState<
+    InitResult | null | undefined
+  >(undefined);
+
+  const initializing = useRef(false);
   useEffect(() => {
     // In case the component is mounted, unmounted, and remounted quickly (as
     // React does in strict mode), we need to make sure not to doubly initialize
-    // the client
+    // the client.
     if (initializing.current) return;
     initializing.current = true;
 
-    const init = async (): Promise<
+    loadClient()
-      Pick<ClientProviderState, "client" | "isPasswordlessUser">
+      .then(setInitClientState)
-    > => {
+      .catch((err) => logger.error(err))
-      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,
-        };
-      } else {
-        // We're running as a standalone application
-        try {
-          const session = loadSession();
-          if (!session) return { client: undefined, isPasswordlessUser: false };
-
-          logger.log("Using a standalone client");
-
-          /* eslint-disable camelcase */
-          const { user_id, device_id, access_token, passwordlessUser } =
-            session;
-
-          try {
-            return {
-              client: await initClient(
-                {
-                  baseUrl: Config.defaultHomeserverUrl(),
-                  accessToken: access_token,
-                  userId: user_id,
-                  deviceId: device_id,
-                  fallbackICEServerAllowed: fallbackICEServerAllowed,
-                },
-                true
-              ),
-              isPasswordlessUser: passwordlessUser,
-            };
-          } catch (err) {
-            if (err instanceof CryptoStoreIntegrityError) {
-              // We can't use this session anymore, so let's log it out
-              try {
-                const client = await initClient(
-                  {
-                    baseUrl: Config.defaultHomeserverUrl(),
-                    accessToken: access_token,
-                    userId: user_id,
-                    deviceId: device_id,
-                    fallbackICEServerAllowed: fallbackICEServerAllowed,
-                  },
-                  false // Don't need the crypto store just to log out
-                );
-                await client.logout(true);
-              } catch (err_) {
-                logger.warn(
-                  "The previous session was lost, and we couldn't log it out, " +
-                    "either"
-                );
-              }
-            }
-            throw err;
-          }
-          /* eslint-enable camelcase */
-        } catch (err) {
-          clearSession();
-          throw err;
-        }
-      }
-    };
-
-    init()
-      .then(({ client, isPasswordlessUser }) => {
-        setState({
-          client,
-          loading: false,
-          isAuthenticated: Boolean(client),
-          isPasswordlessUser,
-          userName: client?.getUserIdLocalpart(),
-          error: undefined,
-        });
-      })
-      .catch((err) => {
-        logger.error(err);
-        setState({
-          client: undefined,
-          loading: false,
-          isAuthenticated: false,
-          isPasswordlessUser: false,
-          userName: null,
-          error: undefined,
-        });
-      })
       .finally(() => (initializing.current = false));
   }, []);
 
   const changePassword = useCallback(
     async (password: string) => {
-      const { tempPassword, ...session } = loadSession();
+      const session = loadSession();
+      if (!initClientState?.client || !session) {
+        return;
+      }
 
-      await client.setPassword(
+      await initClientState.client.setPassword(
         {
           type: "m.login.password",
           identifier: {
@@ -221,73 +188,56 @@ export const ClientProvider: FC<Props> = ({ children }) => {
             user: session.user_id,
           },
           user: session.user_id,
-          password: tempPassword,
+          password: session.tempPassword,
         },
-        password
+        password,
       );
 
       saveSession({ ...session, passwordlessUser: false });
 
-      setState({
+      setInitClientState({
-        client,
+        client: initClientState.client,
-        loading: false,
+        passwordlessUser: false,
-        isAuthenticated: true,
-        isPasswordlessUser: false,
-        userName: client.getUserIdLocalpart(),
-        error: undefined,
       });
     },
-    [client]
+    [initClientState?.client],
   );
 
   const setClient = useCallback(
-    (newClient: MatrixClient, session: Session) => {
+    (clientParams?: SetClientParams) => {
-      if (client && client !== newClient) {
+      const oldClient = initClientState?.client;
-        client.stopClient();
+      const newClient = clientParams?.client;
+      if (oldClient && oldClient !== newClient) {
+        oldClient.stopClient();
       }
 
-      if (newClient) {
+      if (clientParams) {
-        saveSession(session);
+        saveSession(clientParams.session);
-
+        setInitClientState({
-        setState({
+          client: clientParams.client,
-          client: newClient,
+          passwordlessUser: clientParams.session.passwordlessUser,
-          loading: false,
-          isAuthenticated: true,
-          isPasswordlessUser: session.passwordlessUser,
-          userName: newClient.getUserIdLocalpart(),
-          error: undefined,
         });
       } else {
         clearSession();
-
+        setInitClientState(null);
-        setState({
-          client: undefined,
-          loading: false,
-          isAuthenticated: false,
-          isPasswordlessUser: false,
-          userName: null,
-          error: undefined,
-        });
       }
     },
-    [client]
+    [initClientState?.client],
   );
 
   const logout = useCallback(async () => {
+    const client = initClientState?.client;
+    if (!client) {
+      return;
+    }
+
     await client.logout(true);
     await client.clearStores();
     clearSession();
-    setState({
+    setInitClientState(null);
-      client: undefined,
-      loading: false,
-      isAuthenticated: false,
-      isPasswordlessUser: true,
-      userName: "",
-      error: undefined,
-    });
     history.push("/");
     PosthogAnalytics.instance.setRegistrationType(RegistrationType.Guest);
-  }, [history, client]);
+  }, [history, initClientState?.client]);
 
   const { t } = useTranslation();
 
@@ -299,61 +249,178 @@ export const ClientProvider: FC<Props> = ({ children }) => {
     if (!widget) loadChannel?.postMessage({});
   }, []);
 
+  const [alreadyOpenedErr, setAlreadyOpenedErr] = useState<Error | undefined>(
+    undefined,
+  );
   useEventTarget(
     loadChannel,
     "message",
     useCallback(() => {
-      client?.stopClient();
+      initClientState?.client.stopClient();
-
+      setAlreadyOpenedErr(translatedError("application_opened_another_tab", t));
-      setState((prev) => ({
+    }, [initClientState?.client, setAlreadyOpenedErr, t]),
-        ...prev,
-        error: translatedError(
-          "This application has been opened in another tab.",
-          t
-        ),
-      }));
-    }, [client, setState, t])
   );
 
-  const context = useMemo<ClientState>(
+  const [isDisconnected, setIsDisconnected] = useState(false);
-    () => ({
+
-      loading,
+  const state: ClientState | undefined = useMemo(() => {
-      isAuthenticated,
+    if (alreadyOpenedErr) {
-      isPasswordlessUser,
+      return { state: "error", error: alreadyOpenedErr };
-      client,
+    }
+
+    if (initClientState === undefined) return undefined;
+
+    const authenticated =
+      initClientState === null
+        ? undefined
+        : {
+            client: initClientState.client,
+            isPasswordlessUser: initClientState.passwordlessUser,
             changePassword,
             logout,
-      userName,
+          };
+
+    return {
+      state: "valid",
+      authenticated,
       setClient,
-      error: undefined,
+      disconnected: isDisconnected,
-    }),
+    };
-    [
+  }, [
-      loading,
+    alreadyOpenedErr,
-      isAuthenticated,
-      isPasswordlessUser,
-      client,
     changePassword,
+    initClientState,
     logout,
-      userName,
     setClient,
-    ]
+    isDisconnected,
+  ]);
+
+  const onSync = useCallback(
+    (state: SyncState, _old: SyncState | null, data?: ISyncStateData) => {
+      setIsDisconnected(clientIsDisconnected(state, data));
+    },
+    [],
   );
 
   useEffect(() => {
-    window.matrixclient = client;
+    if (!initClientState) {
-    window.isPasswordlessUser = isPasswordlessUser;
+      return;
+    }
+
+    window.matrixclient = initClientState.client;
+    window.passwordlessUser = initClientState.passwordlessUser;
 
     if (PosthogAnalytics.hasInstance())
       PosthogAnalytics.instance.onLoginStatusChanged();
-  }, [client, isPasswordlessUser]);
 
-  if (error) {
+    if (initClientState.client) {
-    return <ErrorView error={error} />;
+      initClientState.client.on(ClientEvent.Sync, onSync);
+    }
+
+    return () => {
+      if (initClientState.client) {
+        initClientState.client.removeListener(ClientEvent.Sync, onSync);
+      }
+    };
+  }, [initClientState, onSync]);
+
+  if (alreadyOpenedErr) {
+    return <ErrorView error={alreadyOpenedErr} />;
   }
 
   return (
-    <ClientContext.Provider value={context}>{children}</ClientContext.Provider>
+    <ClientContext.Provider value={state}>{children}</ClientContext.Provider>
   );
 };
 
-export const useClient = () => useContext(ClientContext);
+type InitResult = {
+  client: MatrixClient;
+  passwordlessUser: boolean;
+};
+
+async function loadClient(): Promise<InitResult | null> {
+  if (widget) {
+    // We're inside a widget, so let's engage *matryoshka mode*
+    logger.log("Using a matryoshka client");
+    const client = await widget.client;
+    return {
+      client,
+      passwordlessUser: false,
+    };
+  } else {
+    // We're running as a standalone application
+    try {
+      const session = loadSession();
+      if (!session) {
+        logger.log("No session stored; continuing without a client");
+        return null;
+      }
+
+      logger.log("Using a standalone client");
+
+      /* eslint-disable camelcase */
+      const { user_id, device_id, access_token, passwordlessUser } = session;
+      const initClientParams = {
+        baseUrl: Config.defaultHomeserverUrl()!,
+        accessToken: access_token,
+        userId: user_id,
+        deviceId: device_id,
+        fallbackICEServerAllowed: fallbackICEServerAllowed,
+        livekitServiceURL: Config.get().livekit!.livekit_service_url,
+      };
+
+      try {
+        const client = await initClient(initClientParams, true);
+        return {
+          client,
+          passwordlessUser,
+        };
+      } catch (err) {
+        if (err instanceof CryptoStoreIntegrityError) {
+          // We can't use this session anymore, so let's log it out
+          try {
+            const client = await initClient(initClientParams, false); // Don't need the crypto store just to log out)
+            await client.logout(true);
+          } catch (err) {
+            logger.warn(
+              "The previous session was lost, and we couldn't log it out, " +
+                err +
+                "either",
+            );
+          }
+        }
+        throw err;
+      }
+      /* eslint-enable camelcase */
+    } catch (err) {
+      clearSession();
+      throw err;
+    }
+  }
+}
+
+export interface Session {
+  user_id: string;
+  device_id: string;
+  access_token: string;
+  passwordlessUser: boolean;
+  tempPassword?: string;
+}
+
+const clearSession = (): void => localStorage.removeItem("matrix-auth-store");
+const saveSession = (s: Session): void =>
+  localStorage.setItem("matrix-auth-store", JSON.stringify(s));
+const loadSession = (): Session | undefined => {
+  const data = localStorage.getItem("matrix-auth-store");
+  if (!data) {
+    return undefined;
+  }
+
+  return JSON.parse(data);
+};
+
+const clientIsDisconnected = (
+  syncState: SyncState,
+  syncData?: ISyncStateData,
+): boolean =>
+  syncState === "ERROR" && syncData?.error?.name === "ConnectionError";

src/DisconnectedBanner.module.css

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 New Vector Ltd
+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.
@@ -14,29 +14,14 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.facepile {
+.banner {
-  width: 100%;
-  position: relative;
-}
-
-.facepile.xs {
-  height: 24px;
-}
-
-.facepile.sm {
-  height: 32px;
-}
-
-.facepile.md {
-  height: 36px;
-}
-
-.facepile .avatar {
   position: absolute;
-  top: 0;
+  padding: 29px;
-  border: 1px solid var(--system);
+  background-color: var(--cpd-color-bg-subtle-primary);
-}
+  vertical-align: middle;
-
+  font-size: var(--font-size-body);
-.facepile.md .avatar {
+  text-align: center;
-  border-width: 2px;
+  z-index: 1;
+  top: 76px;
+  width: calc(100% - 58px);
 }

src/DisconnectedBanner.tsx

@@ -0,0 +1,53 @@
+/*
+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 classNames from "classnames";
+import { FC, HTMLAttributes, ReactNode } from "react";
+import { useTranslation } from "react-i18next";
+
+import styles from "./DisconnectedBanner.module.css";
+import { ValidClientState, useClientState } from "./ClientContext";
+
+interface Props extends HTMLAttributes<HTMLElement> {
+  children?: ReactNode;
+  className?: string;
+}
+
+export const DisconnectedBanner: FC<Props> = ({
+  children,
+  className,
+  ...rest
+}) => {
+  const { t } = useTranslation();
+  const clientState = useClientState();
+  let shouldShowBanner = false;
+
+  if (clientState?.state === "valid") {
+    const validClientState = clientState as ValidClientState;
+    shouldShowBanner = validClientState.disconnected;
+  }
+
+  return (
+    <>
+      {shouldShowBanner && (
+        <div className={classNames(styles.banner, className)} {...rest}>
+          {children}
+          {t("disconnected_banner")}
+        </div>
+      )}
+    </>
+  );
+};

src/Facepile.tsx

@@ -1,97 +0,0 @@
-/*
-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, { HTMLAttributes, useMemo } from "react";
-import classNames from "classnames";
-import { MatrixClient } from "matrix-js-sdk/src/client";
-import { RoomMember } from "matrix-js-sdk/src/models/room-member";
-import { useTranslation } from "react-i18next";
-
-import styles from "./Facepile.module.css";
-import { Avatar, Size, sizes } from "./Avatar";
-
-const overlapMap: Partial<Record<Size, number>> = {
-  [Size.XS]: 2,
-  [Size.SM]: 4,
-  [Size.MD]: 8,
-};
-
-interface Props extends HTMLAttributes<HTMLDivElement> {
-  className: string;
-  client: MatrixClient;
-  members: RoomMember[];
-  max?: number;
-  size?: Size;
-}
-
-export function Facepile({
-  className,
-  client,
-  members,
-  max = 3,
-  size = Size.XS,
-  ...rest
-}: Props) {
-  const { t } = useTranslation();
-
-  const _size = sizes.get(size);
-  const _overlap = overlapMap[size];
-
-  const title = useMemo(() => {
-    return members.reduce<string | null>(
-      (prev, curr) =>
-        prev === null
-          ? curr.name
-          : t("{{names}}, {{name}}", { names: prev, name: curr.name }),
-      null
-    ) as string;
-  }, [members, t]);
-
-  return (
-    <div
-      className={classNames(styles.facepile, styles[size], className)}
-      title={title}
-      style={{
-        width:
-          Math.min(members.length, max + 1) * (_size - _overlap) + _overlap,
-      }}
-      {...rest}
-    >
-      {members.slice(0, max).map((member, i) => {
-        const avatarUrl = member.getMxcAvatarUrl();
-        return (
-          <Avatar
-            key={member.userId}
-            size={size}
-            src={avatarUrl ?? undefined}
-            fallback={member.name.slice(0, 1).toUpperCase()}
-            className={styles.avatar}
-            style={{ left: i * (_size - _overlap) }}
-          />
-        );
-      })}
-      {members.length > max && (
-        <Avatar
-          key="additional"
-          size={size}
-          fallback={`+${members.length - max}`}
-          className={styles.avatar}
-          style={{ left: max * (_size - _overlap) }}
-        />
-      )}
-    </div>
-  );
-}

src/FullScreenView.tsx

@@ -14,25 +14,29 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { ReactNode, useCallback, useEffect } from "react";
+import { FC, ReactNode, useCallback, useEffect } from "react";
 import { useLocation } from "react-router-dom";
 import classNames from "classnames";
 import { Trans, useTranslation } from "react-i18next";
+import * as Sentry from "@sentry/react";
+import { logger } from "matrix-js-sdk/src/logger";
 
 import { Header, HeaderLogo, LeftNav, RightNav } from "./Header";
 import { LinkButton, Button } from "./button";
-import { useSubmitRageshake } from "./settings/submit-rageshake";
-import { ErrorMessage } from "./input/Input";
 import styles from "./FullScreenView.module.css";
-import { translatedError, TranslatedError } from "./TranslatedError";
+import { TranslatedError } from "./TranslatedError";
 import { Config } from "./config/Config";
+import { RageshakeButton } from "./settings/RageshakeButton";
 
 interface FullScreenViewProps {
   className?: string;
   children: ReactNode;
 }
 
-export function FullScreenView({ className, children }: FullScreenViewProps) {
+export const FullScreenView: FC<FullScreenViewProps> = ({
+  className,
+  children,
+}) => {
   return (
     <div className={classNames(styles.page, className)}>
       <Header>
@@ -46,18 +50,19 @@ export function FullScreenView({ className, children }: FullScreenViewProps) {
       </div>
     </div>
   );
-}
+};
 
 interface ErrorViewProps {
   error: Error;
 }
 
-export function ErrorView({ error }: ErrorViewProps) {
+export const ErrorView: FC<ErrorViewProps> = ({ error }) => {
   const location = useLocation();
   const { t } = useTranslation();
 
   useEffect(() => {
-    console.error(error);
+    logger.error(error);
+    Sentry.captureException(error);
   }, [error]);
 
   const onReload = useCallback(() => {
@@ -66,12 +71,13 @@ export function ErrorView({ error }: ErrorViewProps) {
 
   return (
     <FullScreenView>
-      <h1>Error</h1>
+      <h1>{t("common.error")}</h1>
       <p>
         {error instanceof TranslatedError
           ? error.translatedMessage
           : error.message}
       </p>
+      <RageshakeButton description={`***Error View***: ${error.message}`} />
       {location.pathname === "/" ? (
         <Button
           size="lg"
@@ -79,7 +85,7 @@ export function ErrorView({ error }: ErrorViewProps) {
           className={styles.homeLink}
           onPress={onReload}
         >
-          {t("Return to home screen")}
+          {t("return_home_button")}
         </Button>
       ) : (
         <LinkButton
@@ -88,79 +94,50 @@ export function ErrorView({ error }: ErrorViewProps) {
           className={styles.homeLink}
           to="/"
         >
-          {t("Return to home screen")}
+          {t("return_home_button")}
         </LinkButton>
       )}
     </FullScreenView>
   );
-}
+};
 
-export function CrashView() {
+export const CrashView: FC = () => {
   const { t } = useTranslation();
-  const { submitRageshake, sending, sent, error } = useSubmitRageshake();
-
-  const sendDebugLogs = useCallback(() => {
-    submitRageshake({
-      description: "**Soft Crash**",
-      sendLogs: true,
-    });
-  }, [submitRageshake]);
 
   const onReload = useCallback(() => {
     window.location.href = "/";
   }, []);
 
-  let logsComponent: JSX.Element | null = null;
-  if (sent) {
-    logsComponent = <div>{t("Thanks! We'll get right on it.")}</div>;
-  } else if (sending) {
-    logsComponent = <div>{t("Sending…")}</div>;
-  } else if (Config.get().rageshake?.submit_url) {
-    logsComponent = (
-      <Button
-        size="lg"
-        variant="default"
-        onPress={sendDebugLogs}
-        className={styles.wideButton}
-      >
-        {t("Send debug logs")}
-      </Button>
-    );
-  }
-
   return (
     <FullScreenView>
-      <Trans>
+      <Trans i18nKey="full_screen_view_h1">
         <h1>Oops, something's gone wrong.</h1>
       </Trans>
       {Config.get().rageshake?.submit_url && (
-        <Trans>
+        <Trans i18nKey="full_screen_view_description">
           <p>Submitting debug logs will help us track down the problem.</p>
         </Trans>
       )}
 
-      <div className={styles.sendLogsSection}>{logsComponent}</div>
+      <RageshakeButton description="***Soft Crash***" />
-      {error && (
-        <ErrorMessage error={translatedError("Couldn't send debug logs!", t)} />
-      )}
       <Button
         size="lg"
         variant="default"
         className={styles.wideButton}
         onPress={onReload}
       >
-        {t("Return to home screen")}
+        {t("return_home_button")}
       </Button>
     </FullScreenView>
   );
-}
+};
 
-export function LoadingView() {
+export const LoadingView: FC = () => {
   const { t } = useTranslation();
 
   return (
     <FullScreenView>
-      <h1>{t("Loading…")}</h1>
+      <h1>{t("common.loading")}</h1>
     </FullScreenView>
   );
-}
+};

src/Header.module.css

@@ -21,6 +21,7 @@ limitations under the License.
   align-items: center;
   user-select: none;
   flex-shrink: 0;
+  padding-inline: var(--inline-content-inset);
 }
 
 .nav {
@@ -28,8 +29,7 @@ limitations under the License.
   flex: 1;
   align-items: center;
   white-space: nowrap;
-  padding: 0 20px;
+  height: 80px;
-  height: 64px;
 }
 
 .headerLogo {
@@ -66,81 +66,55 @@ limitations under the License.
   margin-right: 0;
 }
 
+.roomHeaderInfo {
+  display: grid;
+  column-gap: var(--cpd-space-4x);
+  grid-template-columns: auto auto;
+  grid-template-rows: 1fr auto;
+}
+
+.roomHeaderInfo[data-size="sm"] {
+  grid-template-areas: "avatar name" ". participants";
+}
+
+.roomHeaderInfo[data-size="lg"] {
+  grid-template-areas: "avatar name" "avatar participants";
+}
+
 .roomAvatar {
-  position: relative;
+  align-self: flex-start;
-  display: none;
+  grid-area: avatar;
-  justify-content: center;
-  align-items: center;
-  width: 36px;
-  height: 36px;
-  border-radius: 36px;
-  background-color: #5c56f5;
 }
 
-.roomAvatar > * {
+.nameLine {
-  fill: white;
+  grid-area: name;
-  stroke: white;
+  flex-grow: 1;
-}
-
-.backButton {
-  background: transparent;
-  border: none;
   display: flex;
-  color: var(--primary-content);
-  cursor: pointer;
   align-items: center;
+  gap: var(--cpd-space-1x);
 }
 
-.backButton h3 {
+.nameLine > h1 {
   margin: 0;
-}
+  /* XXX I can't actually get this ellipsis overflow to trigger, because
-
+  constraint propagation in a nested flexbox layout is a massive pain */
-.backButton > * {
-  margin-right: 12px;
-}
-
-.backButton > :last-child {
-  margin-right: 0;
-}
-
-.userName {
-  font-weight: 600;
-  margin-right: 8px;
-  text-overflow: ellipsis;
   overflow: hidden;
-  flex-shrink: 1;
+  text-overflow: ellipsis;
 }
 
-.signOutButton {
+.nameLine > svg {
-  background: transparent;
-  border: none;
-  color: rgb(255, 75, 85);
-  cursor: pointer;
-  font-weight: 600;
   flex-shrink: 0;
 }
 
-.versionMismatchWarning {
+.participantsLine {
-  padding-left: 15px;
+  grid-area: participants;
-}
+  display: flex;
-
+  align-items: center;
-.versionMismatchWarning::before {
+  gap: var(--cpd-space-1-5x);
-  content: "";
-  display: inline-block;
-  position: relative;
-  top: 1px;
-  width: 16px;
-  height: 16px;
-  mask-image: url("./icons/AlertTriangleFilled.svg");
-  mask-repeat: no-repeat;
-  mask-size: contain;
-  background-color: var(--alert);
-  padding-right: 5px;
 }
 
 @media (min-width: 800px) {
   .headerLogo,
-  .roomAvatar,
   .leftNav.hideMobile,
   .rightNav.hideMobile {
     display: flex;
@@ -149,8 +123,4 @@ limitations under the License.
   .leftNav h3 {
     font-size: var(--font-size-subtitle);
   }
-
-  .nav {
-    height: 76px;
-  }
 }

src/Header.stories.jsx

@@ -1,106 +0,0 @@
-import React from "react";
-import { GridLayoutMenu } from "./room/GridLayoutMenu";
-import {
-  Header,
-  HeaderLogo,
-  LeftNav,
-  RightNav,
-  RoomHeaderInfo,
-} from "./Header";
-import { UserMenu } from "./UserMenu";
-
-export default {
-  title: "Header",
-  component: Header,
-  parameters: {
-    layout: "fullscreen",
-  },
-};
-
-export const HomeAnonymous = () => (
-  <Header>
-    <LeftNav>
-      <HeaderLogo />
-    </LeftNav>
-    <RightNav>
-      <UserMenu />
-    </RightNav>
-  </Header>
-);
-
-export const HomeNamedGuest = () => (
-  <Header>
-    <LeftNav>
-      <HeaderLogo />
-    </LeftNav>
-    <RightNav>
-      <UserMenu isAuthenticated isPasswordlessUser displayName="Yara" />
-    </RightNav>
-  </Header>
-);
-
-export const HomeLoggedIn = () => (
-  <Header>
-    <LeftNav>
-      <HeaderLogo />
-    </LeftNav>
-    <RightNav>
-      <UserMenu isAuthenticated displayName="Yara" />
-    </RightNav>
-  </Header>
-);
-
-export const LobbyNamedGuest = () => (
-  <Header>
-    <LeftNav>
-      <RoomHeaderInfo roomName="Q4Roadmap" />
-    </LeftNav>
-    <RightNav>
-      <UserMenu isAuthenticated isPasswordlessUser displayName="Yara" />
-    </RightNav>
-  </Header>
-);
-
-export const LobbyLoggedIn = () => (
-  <Header>
-    <LeftNav>
-      <RoomHeaderInfo roomName="Q4Roadmap" />
-    </LeftNav>
-    <RightNav>
-      <UserMenu isAuthenticated displayName="Yara" />
-    </RightNav>
-  </Header>
-);
-
-export const InRoomNamedGuest = () => (
-  <Header>
-    <LeftNav>
-      <RoomHeaderInfo roomName="Q4Roadmap" />
-    </LeftNav>
-    <RightNav>
-      <GridLayoutMenu layout="freedom" />
-      <UserMenu isAuthenticated isPasswordlessUser displayName="Yara" />
-    </RightNav>
-  </Header>
-);
-
-export const InRoomLoggedIn = () => (
-  <Header>
-    <LeftNav>
-      <RoomHeaderInfo roomName="Q4Roadmap" />
-    </LeftNav>
-    <RightNav>
-      <GridLayoutMenu layout="freedom" />
-      <UserMenu isAuthenticated displayName="Yara" />
-    </RightNav>
-  </Header>
-);
-
-export const CreateAccount = () => (
-  <Header>
-    <LeftNav>
-      <HeaderLogo />
-    </LeftNav>
-    <RightNav></RightNav>
-  </Header>
-);

src/Header.tsx

@@ -15,35 +15,30 @@ limitations under the License.
 */
 
 import classNames from "classnames";
-import React, { HTMLAttributes, ReactNode, useCallback, useRef } from "react";
+import { FC, HTMLAttributes, ReactNode } from "react";
 import { Link } from "react-router-dom";
-import { useButton } from "@react-aria/button";
-import { AriaButtonProps } from "@react-types/button";
-import { Room } from "matrix-js-sdk/src/models/room";
 import { useTranslation } from "react-i18next";
+import { Heading, Text } from "@vector-im/compound-web";
+import UserProfileIcon from "@vector-im/compound-design-tokens/icons/user-profile.svg?react";
 
 import styles from "./Header.module.css";
-import { useModalTriggerState } from "./Modal";
+import Logo from "./icons/Logo.svg?react";
-import { Button } from "./button";
-import { ReactComponent as Logo } from "./icons/Logo.svg";
-import { ReactComponent as VideoIcon } from "./icons/Video.svg";
-import { Subtitle } from "./typography/Typography";
 import { Avatar, Size } from "./Avatar";
-import { IncompatibleVersionModal } from "./IncompatibleVersionModal";
+import { EncryptionLock } from "./room/EncryptionLock";
-import { ReactComponent as ArrowLeftIcon } from "./icons/ArrowLeft.svg";
+import { useMediaQuery } from "./useMediaQuery";
 
 interface HeaderProps extends HTMLAttributes<HTMLElement> {
   children: ReactNode;
   className?: string;
 }
 
-export function Header({ children, className, ...rest }: HeaderProps) {
+export const Header: FC<HeaderProps> = ({ children, className, ...rest }) => {
   return (
     <header className={classNames(styles.header, className)} {...rest}>
       {children}
     </header>
   );
-}
+};
 
 interface LeftNavProps extends HTMLAttributes<HTMLElement> {
   children: ReactNode;
@@ -51,26 +46,26 @@ interface LeftNavProps extends HTMLAttributes<HTMLElement> {
   hideMobile?: boolean;
 }
 
-export function LeftNav({
+export const LeftNav: FC<LeftNavProps> = ({
   children,
   className,
   hideMobile,
   ...rest
-}: LeftNavProps) {
+}) => {
   return (
     <div
       className={classNames(
         styles.nav,
         styles.leftNav,
         { [styles.hideMobile]: hideMobile },
-        className
+        className,
       )}
       {...rest}
     >
       {children}
     </div>
   );
-}
+};
 
 interface RightNavProps extends HTMLAttributes<HTMLElement> {
   children?: ReactNode;
@@ -78,127 +73,95 @@ interface RightNavProps extends HTMLAttributes<HTMLElement> {
   hideMobile?: boolean;
 }
 
-export function RightNav({
+export const RightNav: FC<RightNavProps> = ({
   children,
   className,
   hideMobile,
   ...rest
-}: RightNavProps) {
+}) => {
   return (
     <div
       className={classNames(
         styles.nav,
         styles.rightNav,
         { [styles.hideMobile]: hideMobile },
-        className
+        className,
       )}
       {...rest}
     >
       {children}
     </div>
   );
-}
+};
 
 interface HeaderLogoProps {
   className?: string;
 }
 
-export function HeaderLogo({ className }: HeaderLogoProps) {
+export const HeaderLogo: FC<HeaderLogoProps> = ({ className }) => {
   const { t } = useTranslation();
 
   return (
     <Link
       className={classNames(styles.headerLogo, className)}
       to="/"
-      aria-label={t("Element Call Home")}
+      aria-label={t("header_label")}
     >
       <Logo />
     </Link>
   );
+};
+
+interface RoomHeaderInfoProps {
+  id: string;
+  name: string;
+  avatarUrl: string | null;
+  encrypted: boolean;
+  participantCount: number;
 }
 
-interface RoomHeaderInfo {
+export const RoomHeaderInfo: FC<RoomHeaderInfoProps> = ({
-  roomName: string;
+  id,
-  avatarUrl: string;
+  name,
-}
-
-export function RoomHeaderInfo({ roomName, avatarUrl }: RoomHeaderInfo) {
-  return (
-    <>
-      <div className={styles.roomAvatar}>
-        <Avatar
-          size={Size.MD}
-          src={avatarUrl}
-          bgKey={roomName}
-          fallback={roomName.slice(0, 1).toUpperCase()}
-        />
-        <VideoIcon width={16} height={16} />
-      </div>
-      <Subtitle data-testid="roomHeader_roomName" fontWeight="semiBold">
-        {roomName}
-      </Subtitle>
-    </>
-  );
-}
-
-interface RoomSetupHeaderInfoProps extends AriaButtonProps<"button"> {
-  roomName: string;
-  avatarUrl: string;
-  isEmbedded: boolean;
-}
-
-export function RoomSetupHeaderInfo({
-  roomName,
   avatarUrl,
-  isEmbedded,
+  encrypted,
-  ...rest
+  participantCount,
-}: RoomSetupHeaderInfoProps) {
+}) => {
-  const ref = useRef();
+  const { t } = useTranslation();
-  const { buttonProps } = useButton(rest, ref);
+  const size = useMediaQuery("(max-width: 550px)") ? "sm" : "lg";
 
-  if (isEmbedded) {
   return (
-      <div ref={ref}>
+    <div className={styles.roomHeaderInfo} data-size={size}>
-        <RoomHeaderInfo roomName={roomName} avatarUrl={avatarUrl} />
+      <Avatar
+        className={styles.roomAvatar}
+        id={id}
+        name={name}
+        size={size === "sm" ? Size.SM : 56}
+        src={avatarUrl ?? undefined}
+      />
+      <div className={styles.nameLine}>
+        <Heading
+          type={size === "sm" ? "body" : "heading"}
+          size={size === "sm" ? "lg" : "md"}
+          weight="semibold"
+          data-testid="roomHeader_roomName"
+        >
+          {name}
+        </Heading>
+        <EncryptionLock encrypted={encrypted} />
+      </div>
+      {participantCount > 0 && (
+        <div className={styles.participantsLine}>
+          <UserProfileIcon
+            width={20}
+            height={20}
+            aria-label={t("header_participants_label")}
+          />
+          <Text as="span" size="sm" weight="medium">
+            {t("participant_count", { count: participantCount })}
+          </Text>
+        </div>
+      )}
     </div>
   );
-  }
+};
-
-  return (
-    <button className={styles.backButton} ref={ref} {...buttonProps}>
-      <ArrowLeftIcon width={16} height={16} />
-      <RoomHeaderInfo roomName={roomName} avatarUrl={avatarUrl} />
-    </button>
-  );
-}
-
-interface VersionMismatchWarningProps {
-  users: Set<string>;
-  room: Room;
-}
-
-export function VersionMismatchWarning({
-  users,
-  room,
-}: VersionMismatchWarningProps) {
-  const { t } = useTranslation();
-  const { modalState, modalProps } = useModalTriggerState();
-
-  const onDetailsClick = useCallback(() => {
-    modalState.open();
-  }, [modalState]);
-
-  if (users.size === 0) return null;
-
-  return (
-    <span className={styles.versionMismatchWarning}>
-      {t("Incompatible versions!")}
-      <Button variant="link" onClick={onDetailsClick}>
-        {t("Details")}
-      </Button>
-      {modalState.isOpen && (
-        <IncompatibleVersionModal userIds={users} room={room} {...modalProps} />
-      )}
-    </span>
-  );
-}

src/IncompatibleVersionModal.tsx

@@ -1,60 +0,0 @@
-/*
-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 { Room } from "matrix-js-sdk/src/models/room";
-import React, { useMemo } from "react";
-import { Trans, useTranslation } from "react-i18next";
-
-import { Modal, ModalContent } from "./Modal";
-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();
-  const userLis = useMemo(
-    () => [...userIds].map((u) => <li>{room.getMember(u)?.name ?? u}</li>),
-    [userIds, room]
-  );
-
-  return (
-    <Modal
-      title={t("Incompatible versions")}
-      isDismissable
-      onClose={onClose}
-      {...rest}
-    >
-      <ModalContent>
-        <Body>
-          <Trans>
-            Other users are trying to join this call from incompatible versions.
-            These users should ensure that they have refreshed their browsers:
-            <ul>{userLis}</ul>
-          </Trans>
-        </Body>
-      </ModalContent>
-    </Modal>
-  );
-};

src/LazyEventEmitter.ts

@@ -63,7 +63,7 @@ export class LazyEventEmitter extends EventEmitter {
   public addListener(
     type: string | symbol,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    listener: (...args: any[]) => void
+    listener: (...args: any[]) => void,
   ): this {
     return this.on(type, listener);
   }

src/ListBox.module.css

@@ -21,8 +21,8 @@ limitations under the License.
   overflow-y: auto;
   list-style: none;
   background-color: transparent;
-  border: 1px solid var(--quinary-content);
+  border: 1px solid var(--cpd-color-border-interactive-secondary);
-  background-color: var(--background);
+  background-color: var(--cpd-color-bg-canvas-default);
   border-radius: 8px;
 }
 
@@ -31,7 +31,7 @@ limitations under the License.
   align-items: center;
   justify-content: space-between;
   background-color: transparent;
-  color: var(--primary-content);
+  color: var(--cpd-color-text-primary);
   padding: 8px 16px;
   outline: none;
   cursor: pointer;
@@ -44,6 +44,6 @@ limitations under the License.
 }
 
 .option.disabled {
-  color: var(--quaternary-content);
+  color: var(--cpd-color-text-disabled);
-  background-color: var(--bgColor3);
+  background-color: var(--stopgap-bgColor3);
 }

src/ListBox.tsx

@@ -14,7 +14,13 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { useCallback, useRef } from "react";
+import {
+  MutableRefObject,
+  PointerEvent,
+  ReactNode,
+  useCallback,
+  useRef,
+} from "react";
 import { useListBox, useOption, AriaListBoxOptions } from "@react-aria/listbox";
 import { ListState } from "@react-stately/list";
 import { Node } from "@react-types/shared";
@@ -26,7 +32,7 @@ interface ListBoxProps<T> extends AriaListBoxOptions<T> {
   optionClassName: string;
   state: ListState<T>;
   className?: string;
-  listBoxRef?: React.MutableRefObject<HTMLUListElement>;
+  listBoxRef?: MutableRefObject<HTMLUListElement>;
 }
 
 export function ListBox<T>({
@@ -35,16 +41,17 @@ export function ListBox<T>({
   className,
   listBoxRef,
   ...rest
-}: ListBoxProps<T>) {
+}: ListBoxProps<T>): ReactNode {
-  const ref = useRef<HTMLUListElement>();
+  const ref = useRef<HTMLUListElement>(null);
-  if (!listBoxRef) listBoxRef = ref;
 
-  const { listBoxProps } = useListBox(rest, state, listBoxRef);
+  const listRef = listBoxRef ?? ref;
+
+  const { listBoxProps } = useListBox(rest, state, listRef);
 
   return (
     <ul
       {...listBoxProps}
-      ref={listBoxRef}
+      ref={listRef}
       className={classNames(styles.listBox, className)}
     >
       {[...state.collection].map((item) => (
@@ -65,12 +72,12 @@ interface OptionProps<T> {
   item: Node<T>;
 }
 
-function Option<T>({ item, state, className }: OptionProps<T>) {
+function Option<T>({ item, state, className }: OptionProps<T>): ReactNode {
-  const ref = useRef();
+  const ref = useRef(null);
   const { optionProps, isSelected, isFocused, isDisabled } = useOption(
     { key: item.key },
     state,
-    ref
+    ref,
   );
 
   // Hack: remove the onPointerUp event handler and re-wire it to
@@ -83,10 +90,14 @@ function Option<T>({ item, state, className }: OptionProps<T>) {
   const origPointerUp = optionProps.onPointerUp;
   delete optionProps.onPointerUp;
   optionProps.onClick = useCallback(
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     (e) => {
-      origPointerUp(e as unknown as React.PointerEvent<HTMLElement>);
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      origPointerUp(e as unknown as PointerEvent<HTMLElement>);
     },
-    [origPointerUp]
+    [origPointerUp],
   );
 
   return (

src/Menu.module.css

@@ -27,7 +27,7 @@ limitations under the License.
   display: flex;
   align-items: center;
   padding: 0 12px;
-  color: var(--primary-content);
+  color: var(--cpd-color-text-primary);
   font-size: var(--font-size-body);
   text-overflow: ellipsis;
   overflow: hidden;
@@ -44,7 +44,11 @@ limitations under the License.
 
 .menuItem.focused,
 .menuItem:hover {
-  background-color: var(--quinary-content);
+  background-color: var(--cpd-color-bg-action-secondary-hovered);
+}
+
+.menuItem:active {
+  background-color: var(--cpd-color-bg-action-secondary-pressed);
 }
 
 .menuItem.focused:first-child,
@@ -65,5 +69,5 @@ limitations under the License.
 }
 
 .checkIcon * {
-  stroke: var(--primary-content);
+  stroke: var(--cpd-color-text-primary);
 }

src/Menu.tsx

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { Key, useRef, useState } from "react";
+import { Key, ReactNode, useRef, useState } from "react";
 import { AriaMenuOptions, useMenu, useMenuItem } from "@react-aria/menu";
 import { TreeState, useTreeState } from "@react-stately/tree";
 import { mergeProps } from "@react-aria/utils";
@@ -25,8 +25,8 @@ import { Node } from "@react-types/shared";
 import styles from "./Menu.module.css";
 
 interface MenuProps<T> extends AriaMenuOptions<T> {
-  className?: String;
+  className?: string;
-  onClose?: () => void;
+  onClose: () => void;
   onAction: (value: Key) => void;
   label?: string;
 }
@@ -37,9 +37,9 @@ export function Menu<T extends object>({
   onClose,
   label,
   ...rest
-}: MenuProps<T>) {
+}: MenuProps<T>): ReactNode {
   const state = useTreeState<T>({ ...rest, selectionMode: "none" });
-  const menuRef = useRef();
+  const menuRef = useRef(null);
   const { menuProps } = useMenu<T>(rest, state, menuRef);
 
   return (
@@ -68,8 +68,13 @@ interface MenuItemProps<T> {
   onClose: () => void;
 }
 
-function MenuItem<T>({ item, state, onAction, onClose }: MenuItemProps<T>) {
+function MenuItem<T>({
-  const ref = useRef();
+  item,
+  state,
+  onAction,
+  onClose,
+}: MenuItemProps<T>): ReactNode {
+  const ref = useRef(null);
   const { menuItemProps } = useMenuItem(
     {
       key: item.key,
@@ -77,7 +82,7 @@ function MenuItem<T>({ item, state, onAction, onClose }: MenuItemProps<T>) {
       onClose,
     },
     state,
-    ref
+    ref,
   );
 
   const [isFocused, setFocused] = useState(false);

src/Modal.module.css

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 New Vector Ltd
+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.
@@ -14,77 +14,132 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.modalOverlay {
-  position: fixed;
-  z-index: 100;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  background: rgba(23, 25, 28, 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 .modal {
-  background: #21262c;
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
-  border-radius: 8px;
-  max-width: 90vw;
-  width: 600px;
   display: flex;
   flex-direction: column;
 }
 
-.modalHeader {
+.dialog {
-  display: flex;
+  box-sizing: border-box;
-  justify-content: space-between;
+  inline-size: 520px;
-  padding: 34px 32px 0 32px;
+  max-inline-size: 90%;
-}
+  max-block-size: 600px;
-
-.modalHeader h3 {
-  font-weight: 600;
-  font-size: var(--font-size-title);
-  margin: 0;
-}
-
-.closeButton {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: transparent;
-  padding: 0;
-  border: none;
-  cursor: pointer;
 }
 
 .content {
-  padding: 24px 32px;
-}
-
-.content p {
-  margin-top: 0;
-}
-
-@media (max-width: 799px) {
-  .modalHeader {
   display: flex;
-    justify-content: space-between;
+  flex-direction: column;
-    padding: 32px 20px 0 20px;
+  overflow: hidden;
-  }
+  flex-grow: 1;
+}
 
-  .modal.mobileFullScreen {
+.dialog .content {
-    position: fixed;
+  background: var(--cpd-color-bg-canvas-default);
-    left: 0;
+}
-    right: 0;
+
-    top: 0;
+.drawer .content {
-    bottom: 0;
+  overflow: auto;
-    width: 100%;
+}
-    height: 100%;
+
-    max-width: none;
+.drawer {
-    max-height: none;
+  background: var(--cpd-color-bg-canvas-default);
-    border-radius: 0;
+  inset-block-end: 0;
+  inset-inline: max(0px, calc((100% - 520px) / 2));
+  max-block-size: 90%;
+  border-start-start-radius: var(--border-radius);
+  border-start-end-radius: var(--border-radius);
+  /* Drawer comes in the Android style by default */
+  --border-radius: 28px;
+  --handle-block-size: 4px;
+  --handle-inline-size: 32px;
+  --handle-inset-block-start: var(--cpd-space-4x);
+  --handle-inset-block-end: var(--cpd-space-4x);
+}
+
+body[data-platform="ios"] .drawer {
+  --border-radius: 10px;
+  --handle-block-size: 5px;
+  --handle-inline-size: 36px;
+  --handle-inset-block-start: var(--cpd-space-1-5x);
+  --handle-inset-block-end: calc(var(--cpd-space-1x) / 4);
+}
+
+.close {
+  cursor: pointer;
+  color: var(--cpd-color-icon-secondary);
+  border-radius: var(--cpd-radius-pill-effect);
+  padding: var(--cpd-space-1x);
+  background: var(--cpd-color-bg-subtle-secondary);
+  border: none;
+}
+
+.close svg {
+  display: block;
+}
+
+@media (hover: hover) {
+  .close:hover {
+    background: var(--cpd-color-bg-subtle-primary);
+    color: var(--cpd-color-icon-primary);
   }
 }
+
+.close:active {
+  background: var(--cpd-color-bg-subtle-primary);
+  color: var(--cpd-color-icon-primary);
+}
+
+.header {
+  background: var(--cpd-color-bg-subtle-secondary);
+  display: grid;
+}
+
+.dialog .header {
+  padding-block-start: var(--cpd-space-4x);
+  grid-template-columns:
+    var(--cpd-space-10x) 1fr minmax(var(--cpd-space-6x), auto)
+    var(--cpd-space-4x);
+  grid-template-rows: auto minmax(var(--cpd-space-4x), auto);
+  /* TODO: Support tabs */
+  grid-template-areas: ". title close ." "tabs tabs tabs tabs";
+  align-items: center;
+}
+
+.dialog .header h2 {
+  grid-area: title;
+  margin: 0;
+}
+
+.drawer .header {
+  grid-template-areas: "tabs";
+  position: relative;
+}
+
+.close {
+  grid-area: close;
+}
+
+.body {
+  flex-grow: 1;
+}
+
+.dialog .body {
+  padding-inline: var(--cpd-space-10x);
+  padding-block: var(--cpd-space-10x) var(--cpd-space-12x);
+  overflow: auto;
+}
+
+.drawer .body {
+  padding-inline: var(--cpd-space-4x);
+  padding-block: var(--cpd-space-9x) var(--cpd-space-10x);
+}
+
+.handle {
+  content: "";
+  position: absolute;
+  block-size: var(--handle-block-size);
+  inset-inline: calc((100% - var(--handle-inline-size)) / 2);
+  inset-block-start: var(--handle-inset-block-start);
+  background: var(--cpd-color-icon-secondary);
+  border-radius: var(--cpd-radius-pill-effect);
+}

src/Modal.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 New Vector Ltd
+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.
@@ -14,192 +14,140 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-/* eslint-disable jsx-a11y/no-autofocus */
+import { FC, ReactNode, useCallback } from "react";
-
-import React, { useRef, useMemo, ReactNode } from "react";
-import {
-  useOverlay,
-  usePreventScroll,
-  useModal,
-  OverlayContainer,
-  OverlayProps,
-} from "@react-aria/overlays";
-import {
-  OverlayTriggerState,
-  useOverlayTriggerState,
-} from "@react-stately/overlays";
-import { useDialog } from "@react-aria/dialog";
-import { FocusScope } from "@react-aria/focus";
-import { ButtonAria, useButton } from "@react-aria/button";
-import classNames from "classnames";
 import { AriaDialogProps } from "@react-types/dialog";
 import { useTranslation } from "react-i18next";
+import {
+  Root as DialogRoot,
+  Portal as DialogPortal,
+  Overlay as DialogOverlay,
+  Content as DialogContent,
+  Title as DialogTitle,
+  Close as DialogClose,
+} from "@radix-ui/react-dialog";
+import { Drawer } from "vaul";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import CloseIcon from "@vector-im/compound-design-tokens/icons/close.svg?react";
+import classNames from "classnames";
+import { Heading, Glass } from "@vector-im/compound-web";
 
-import { ReactComponent as CloseIcon } from "./icons/Close.svg";
 import styles from "./Modal.module.css";
+import overlayStyles from "./Overlay.module.css";
+import { useMediaQuery } from "./useMediaQuery";
 
-export interface ModalProps extends OverlayProps, AriaDialogProps {
+// TODO: Support tabs
+export interface Props extends AriaDialogProps {
   title: string;
   children: ReactNode;
   className?: string;
-  mobileFullScreen?: boolean;
+  /**
-  onClose: () => void;
+   * The controlled open state of the modal.
+   */
+  // An option to leave the open state uncontrolled is intentionally not
+  // provided, since modals are always opened due to external triggers, and it
+  // is the author's belief that controlled components lead to more obvious code.
+  open: boolean;
+  /**
+   * Callback for when the user dismisses the modal. If undefined, the modal
+   * will be non-dismissable.
+   */
+  onDismiss?: () => void;
 }
 
-export function Modal({
+/**
+ * A modal, taking the form of a drawer / bottom sheet on touchscreen devices,
+ * and a dialog box on desktop.
+ */
+export const Modal: FC<Props> = ({
   title,
   children,
   className,
-  mobileFullScreen,
+  open,
-  onClose,
+  onDismiss,
   ...rest
-}: ModalProps) {
+}) => {
   const { t } = useTranslation();
-  const modalRef = useRef();
+  // Empirically, Chrome on Android can end up not matching (hover: none), but
-  const { overlayProps, underlayProps } = useOverlay(
+  // still matching (pointer: coarse) :/
-    { ...rest, onClose },
+  const touchscreen = useMediaQuery("(hover: none) or (pointer: coarse)");
-    modalRef
+  const onOpenChange = useCallback(
-  );
+    (open: boolean) => {
-  usePreventScroll();
+      if (!open) onDismiss?.();
-  const { modalProps } = useModal();
-  const { dialogProps, titleProps } = useDialog(rest, modalRef);
-  const closeButtonRef = useRef();
-  const { buttonProps: closeButtonProps } = useButton(
-    {
-      onPress: () => onClose(),
     },
-    closeButtonRef
+    [onDismiss],
   );
 
+  if (touchscreen) {
     return (
-    <OverlayContainer>
+      <Drawer.Root
-      <div className={styles.modalOverlay} {...underlayProps}>
+        open={open}
-        <FocusScope contain restoreFocus autoFocus>
+        onOpenChange={onOpenChange}
-          <div
+        dismissible={onDismiss !== undefined}
-            {...overlayProps}
+      >
-            {...dialogProps}
+        <Drawer.Portal>
-            {...modalProps}
+          <Drawer.Overlay className={classNames(overlayStyles.bg)} />
-            ref={modalRef}
+          <Drawer.Content
             className={classNames(
+              className,
+              overlayStyles.overlay,
               styles.modal,
-              { [styles.mobileFullScreen]: mobileFullScreen },
+              styles.drawer,
-              className
+            )}
+            {...rest}
+          >
+            <div className={styles.content}>
+              <div className={styles.header}>
+                <div className={styles.handle} />
+                <VisuallyHidden asChild>
+                  <Drawer.Title>{title}</Drawer.Title>
+                </VisuallyHidden>
+              </div>
+              <div className={styles.body}>{children}</div>
+            </div>
+          </Drawer.Content>
+        </Drawer.Portal>
+      </Drawer.Root>
+    );
+  } else {
+    return (
+      <DialogRoot open={open} onOpenChange={onOpenChange}>
+        <DialogPortal>
+          <DialogOverlay
+            className={classNames(overlayStyles.bg, overlayStyles.animate)}
+          />
+          <DialogContent asChild {...rest}>
+            <Glass
+              className={classNames(
+                className,
+                overlayStyles.overlay,
+                overlayStyles.animate,
+                styles.modal,
+                styles.dialog,
               )}
             >
-            <div className={styles.modalHeader}>
+              <div className={styles.content}>
-              <h3 {...titleProps}>{title}</h3>
+                <div className={styles.header}>
-              <button
+                  <DialogTitle asChild>
-                {...closeButtonProps}
+                    <Heading as="h2" weight="semibold" size="md">
-                ref={closeButtonRef}
+                      {title}
-                className={styles.closeButton}
+                    </Heading>
+                  </DialogTitle>
+                  {onDismiss !== undefined && (
+                    <DialogClose
+                      className={styles.close}
                       data-testid="modal_close"
-                title={t("Close")}
+                      aria-label={t("action.close")}
                     >
-                <CloseIcon />
+                      <CloseIcon width={20} height={20} />
-              </button>
+                    </DialogClose>
+                  )}
                 </div>
-            {children}
+                <div className={styles.body}>{children}</div>
               </div>
-        </FocusScope>
+            </Glass>
-      </div>
+          </DialogContent>
-    </OverlayContainer>
+        </DialogPortal>
-  );
+      </DialogRoot>
-}
-
-interface ModalContentProps {
-  children: ReactNode;
-  className?: string;
-}
-
-export function ModalContent({
-  children,
-  className,
-  ...rest
-}: ModalContentProps) {
-  return (
-    <div className={classNames(styles.content, className)} {...rest}>
-      {children}
-    </div>
-  );
-}
-
-export function useModalTriggerState(): {
-  modalState: OverlayTriggerState;
-  modalProps: { isOpen: boolean; onClose: () => void };
-} {
-  const modalState = useOverlayTriggerState({});
-  const modalProps = useMemo(
-    () => ({ isOpen: modalState.isOpen, onClose: modalState.close }),
-    [modalState]
-  );
-  return { modalState, modalProps };
-}
-
-export function useToggleModalButton(
-  modalState: OverlayTriggerState,
-  ref: React.RefObject<HTMLButtonElement>
-): ButtonAria<React.ButtonHTMLAttributes<HTMLButtonElement>> {
-  return useButton(
-    {
-      onPress: () => modalState.toggle(),
-    },
-    ref
-  );
-}
-
-export function useOpenModalButton(
-  modalState: OverlayTriggerState,
-  ref: React.RefObject<HTMLButtonElement>
-): ButtonAria<React.ButtonHTMLAttributes<HTMLButtonElement>> {
-  return useButton(
-    {
-      onPress: () => modalState.open(),
-    },
-    ref
-  );
-}
-
-export function useCloseModalButton(
-  modalState: OverlayTriggerState,
-  ref: React.RefObject<HTMLButtonElement>
-): ButtonAria<React.ButtonHTMLAttributes<HTMLButtonElement>> {
-  return useButton(
-    {
-      onPress: () => modalState.close(),
-    },
-    ref
-  );
-}
-
-interface ModalTriggerProps {
-  children: ReactNode;
-}
-
-export function ModalTrigger({ children }: ModalTriggerProps) {
-  const { modalState, modalProps } = useModalTriggerState();
-  const buttonRef = useRef();
-  const { buttonProps } = useToggleModalButton(modalState, buttonRef);
-
-  if (
-    !Array.isArray(children) ||
-    children.length > 2 ||
-    typeof children[1] !== "function"
-  ) {
-    throw new Error(
-      "ModalTrigger must have two props. The first being a button and the second being a render prop."
     );
   }
-
+};
-  const [modalTrigger, modal] = children;
-
-  return (
-    <>
-      <modalTrigger.type
-        {...modalTrigger.props}
-        {...buttonProps}
-        ref={buttonRef}
-      />
-      {modalState.isOpen && modal(modalProps)}
-    </>
-  );
-}

src/Overlay.module.css

@@ -0,0 +1,99 @@
+/*
+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.
+*/
+
+.bg {
+  position: fixed;
+  z-index: 100;
+  inset: 0;
+  background: rgba(3, 12, 27, 0.528);
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.bg.animate[data-state="open"] {
+  animation: fade-in 200ms;
+}
+
+@keyframes fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+.bg.animate[data-state="closed"] {
+  animation: fade-out 130ms;
+}
+
+.overlay {
+  position: fixed;
+  z-index: 101;
+}
+
+.overlay.animate {
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+@keyframes zoom-in {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(80%);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(100%);
+  }
+}
+
+@keyframes zoom-out {
+  from {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(100%);
+  }
+  to {
+    opacity: 0;
+    transform: translate(-50%, -50%) scale(80%);
+  }
+}
+
+.overlay.animate[data-state="open"] {
+  animation: zoom-in 200ms;
+}
+
+.overlay.animate[data-state="closed"] {
+  animation: zoom-out 130ms;
+}
+
+@media (prefers-reduced-motion) {
+  .overlay.animate[data-state="open"] {
+    animation-name: fade-in;
+  }
+
+  .overlay.animate[data-state="closed"] {
+    animation-name: fade-out;
+  }
+}

src/Platform.ts

@@ -0,0 +1,38 @@
+/*
+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.
+*/
+
+/**
+ * The platform on which the application is running.
+ */
+// The granularity of this value is kind of arbitrary: it distinguishes exactly
+// the platforms that the app needs to know about in order to correctly
+// implement the designs and work around platform-specific browser weirdness.
+// Feel free to increase or decrease that granularity in the future as project
+// requirements change.
+export let platform: "android" | "ios" | "desktop";
+
+if (/android/i.test(navigator.userAgent)) {
+  platform = "android";
+  // We include 'Mac' here and double-check for touch support because iPads on
+  // iOS 13 pretend to be a MacOS desktop
+} else if (
+  /iPad|iPhone|iPod|Mac/.test(navigator.userAgent) &&
+  "ontouchend" in document
+) {
+  platform = "ios";
+} else {
+  platform = "desktop";
+}

src/SequenceDiagramViewerPage.tsx

@@ -1,69 +0,0 @@
-/*
-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, { useCallback, useState } from "react";
-import { useTranslation } from "react-i18next";
-
-import {
-  SequenceDiagramViewer,
-  SequenceDiagramMatrixEvent,
-} from "./room/GroupCallInspector";
-import { FieldRow, InputField } from "./input/Input";
-import { usePageTitle } from "./usePageTitle";
-
-interface DebugLog {
-  localUserId: string;
-  eventsByUserId: { [userId: string]: SequenceDiagramMatrixEvent[] };
-  remoteUserIds: string[];
-}
-
-export function SequenceDiagramViewerPage() {
-  const { t } = useTranslation();
-  usePageTitle(t("Inspector"));
-
-  const [debugLog, setDebugLog] = useState<DebugLog>();
-  const [selectedUserId, setSelectedUserId] = useState<string>();
-  const onChangeDebugLog = useCallback((e) => {
-    if (e.target.files && e.target.files.length > 0) {
-      e.target.files[0].text().then((text: string) => {
-        setDebugLog(JSON.parse(text));
-      });
-    }
-  }, []);
-
-  return (
-    <div style={{ marginTop: 20 }}>
-      <FieldRow>
-        <InputField
-          type="file"
-          id="debugLog"
-          name="debugLog"
-          label={t("Debug log")}
-          onChange={onChangeDebugLog}
-        />
-      </FieldRow>
-      {debugLog && (
-        <SequenceDiagramViewer
-          localUserId={debugLog.localUserId}
-          selectedUserId={selectedUserId}
-          onSelectUserId={setSelectedUserId}
-          remoteUserIds={debugLog.remoteUserIds}
-          events={debugLog.eventsByUserId[selectedUserId]}
-        />
-      )}
-    </div>
-  );
-}

src/Toast.module.css

@@ -0,0 +1,38 @@
+/*
+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.
+*/
+
+.toast {
+  color: var(--cpd-color-text-on-solid-primary);
+  background: var(--cpd-color-alpha-gray-1200);
+  padding-inline: var(--cpd-space-3x);
+  padding-block: var(--cpd-space-1x);
+  border: none;
+  border-radius: var(--cpd-radius-pill-effect);
+  box-shadow: var(--small-drop-shadow);
+  display: flex;
+  align-items: center;
+  gap: var(--cpd-space-1x);
+}
+
+.toast > h3 {
+  margin: 0;
+}
+
+.toast > svg {
+  color: var(--cpd-color-icon-on-solid-primary);
+  flex-shrink: 0;
+  margin-inline-end: calc(-1 * var(--cpd-space-1x));
+}

src/Toast.tsx

@@ -0,0 +1,108 @@
+/*
+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 {
+  ComponentType,
+  FC,
+  SVGAttributes,
+  useCallback,
+  useEffect,
+} from "react";
+import {
+  Root as DialogRoot,
+  Portal as DialogPortal,
+  Overlay as DialogOverlay,
+  Content as DialogContent,
+  Close as DialogClose,
+  Title as DialogTitle,
+} from "@radix-ui/react-dialog";
+import classNames from "classnames";
+import { Text } from "@vector-im/compound-web";
+
+import styles from "./Toast.module.css";
+import overlayStyles from "./Overlay.module.css";
+
+interface Props {
+  /**
+   * The controlled open state of the toast.
+   */
+  open: boolean;
+  /**
+   * Callback for when the user dismisses the toast.
+   */
+  onDismiss: () => void;
+  /**
+   * A number of milliseconds after which the toast should be automatically
+   * dismissed.
+   */
+  autoDismiss?: number;
+  children: string;
+  /**
+   * A supporting icon to display within the toast.
+   */
+  Icon?: ComponentType<SVGAttributes<SVGElement>>;
+}
+
+/**
+ * A temporary message shown in an overlay in the center of the screen.
+ */
+export const Toast: FC<Props> = ({
+  open,
+  onDismiss,
+  autoDismiss,
+  children,
+  Icon,
+}) => {
+  const onOpenChange = useCallback(
+    (open: boolean) => {
+      if (!open) onDismiss();
+    },
+    [onDismiss],
+  );
+
+  useEffect(() => {
+    if (open && autoDismiss !== undefined) {
+      const timeout = setTimeout(onDismiss, autoDismiss);
+      return () => clearTimeout(timeout);
+    }
+  }, [open, autoDismiss, onDismiss]);
+
+  return (
+    <DialogRoot open={open} onOpenChange={onOpenChange}>
+      <DialogPortal>
+        <DialogOverlay
+          className={classNames(overlayStyles.bg, overlayStyles.animate)}
+        />
+        <DialogContent asChild>
+          <DialogClose
+            className={classNames(
+              overlayStyles.overlay,
+              overlayStyles.animate,
+              styles.toast,
+            )}
+          >
+            <DialogTitle asChild>
+              <Text as="h3" size="sm" weight="semibold">
+                {children}
+              </Text>
+            </DialogTitle>
+            {Icon && <Icon width={20} height={20} aria-hidden />}
+          </DialogClose>
+        </DialogContent>
+      </DialogPortal>
+    </DialogRoot>
+  );
+};

src/Tooltip.module.css

@@ -15,12 +15,12 @@ limitations under the License.
 */
 
 .tooltip {
-  background-color: var(--system);
+  background-color: var(--cpd-color-bg-subtle-secondary);
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: 10px;
-  color: var(--primary-content);
+  color: var(--cpd-color-text-primary);
   border-radius: 8px;
   max-width: 135px;
   width: max-content;

src/Tooltip.tsx

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, {
+import {
   ForwardedRef,
   forwardRef,
   ReactElement,
@@ -40,10 +40,10 @@ interface TooltipProps {
   children: ReactNode;
 }
 
-export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
+const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
   (
     { state, className, children, ...rest }: TooltipProps,
-    ref: ForwardedRef<HTMLDivElement>
+    ref: ForwardedRef<HTMLDivElement>,
   ) => {
     const { tooltipProps } = useTooltip(rest, state);
 
@@ -56,7 +56,7 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
         {children}
       </div>
     );
-  }
+  },
 );
 
 interface TooltipTriggerProps {
@@ -69,16 +69,16 @@ interface TooltipTriggerProps {
 export const TooltipTrigger = forwardRef<HTMLElement, TooltipTriggerProps>(
   (
     { children, placement, tooltip, ...rest }: TooltipTriggerProps,
-    ref: ForwardedRef<HTMLElement>
+    ref: ForwardedRef<HTMLElement>,
   ) => {
     const tooltipTriggerProps = { delay: 250, ...rest };
     const tooltipState = useTooltipTriggerState(tooltipTriggerProps);
     const triggerRef = useObjectRef<HTMLElement>(ref);
-    const overlayRef = useRef();
+    const overlayRef = useRef<HTMLDivElement>(null);
     const { triggerProps, tooltipProps } = useTooltipTrigger(
       tooltipTriggerProps,
       tooltipState,
-      triggerRef
+      triggerRef,
     );
 
     const { overlayProps } = useOverlayPosition({
@@ -94,7 +94,7 @@ export const TooltipTrigger = forwardRef<HTMLElement, TooltipTriggerProps>(
         <children.type
           {...mergeProps<typeof children.props | typeof rest>(
             children.props,
-            rest
+            rest,
           )}
         />
         {tooltipState.isOpen && (
@@ -110,5 +110,5 @@ export const TooltipTrigger = forwardRef<HTMLElement, TooltipTriggerProps>(
         )}
       </FocusableProvider>
     );
-  }
+  },
 );

src/TranslatedError.ts

@@ -16,6 +16,9 @@ limitations under the License.
 
 import i18n from "i18next";
 
+import type { ParseKeys, TFunction } from "i18next/typescript/t";
+import type { DefaultNamespace, TOptions } from "i18next/typescript/options";
+
 /**
  * An error with messages in both English and the user's preferred language.
  */
@@ -27,8 +30,11 @@ export abstract class TranslatedError extends Error {
    */
   public readonly translatedMessage: string;
 
-  public constructor(messageKey: string, translationFn: typeof i18n.t) {
+  public constructor(
-    super(translationFn(messageKey, { lng: "en-GB" }));
+    messageKey: ParseKeys<DefaultNamespace, TOptions>,
+    translationFn: TFunction<DefaultNamespace>,
+  ) {
+    super(translationFn(messageKey, { lng: "en-GB" } as TOptions));
     this.translatedMessage = translationFn(messageKey);
   }
 }
@@ -37,5 +43,7 @@ class TranslatedErrorImpl extends TranslatedError {}
 
 // i18next-parser can't detect calls to a constructor, so we expose a bare
 // function instead
-export const translatedError = (messageKey: string, t: typeof i18n.t) =>
+export const translatedError = (
-  new TranslatedErrorImpl(messageKey, t);
+  messageKey: ParseKeys<DefaultNamespace, TOptions>,
+  t: typeof i18n.t,
+): TranslatedError => new TranslatedErrorImpl(messageKey, t);

src/UrlParams.ts

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 New Vector Ltd
+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.
@@ -17,15 +17,42 @@ limitations under the License.
 import { useMemo } from "react";
 import { useLocation } from "react-router-dom";
 
-export interface UrlParams {
+import { Config } from "./config/Config";
+
+export const PASSWORD_STRING = "password=";
+
+interface RoomIdentifier {
   roomAlias: string | null;
   roomId: string | null;
   viaServers: string[];
+}
+
+// If you need to add a new flag to this interface, prefer a name that describes
+// a specific behavior (such as 'confineToRoom'), rather than one that describes
+// the situations that call for this behavior ('isEmbedded'). This makes it
+// clearer what each flag means, and helps us avoid coupling Element Call's
+// behavior to the needs of specific consumers.
+export interface UrlParams {
+  // Widget api related params
+  widgetId: string | null;
+  parentUrl: string | null;
   /**
-   * Whether the app is running in embedded mode, and should keep the user
+   * Anything about what room we're pointed to should be from useRoomIdentifier which
-   * confined to the current room.
+   * parses the path and resolves alias with respect to the default server name, however
+   * roomId is an exception as we need the room ID in embedded (matroyska) mode, and not
+   * the room alias (or even the via params because we are not trying to join it). This
+   * is also not validated, where it is in useRoomIdentifier().
    */
-  isEmbedded: boolean;
+  roomId: string | null;
+  /**
+   * Whether the app should keep the user confined to the current call/room.
+   */
+  confineToRoom: boolean;
+  /**
+   * Whether upon entering a room, the user should be prompted to launch the
+   * native mobile app. (Affects only Android and iOS.)
+   */
+  appPrompt: boolean;
   /**
    * Whether the app should pause before joining the call until it sees an
    * io.element.join widget action, allowing it to be preloaded.
@@ -35,14 +62,14 @@ export interface UrlParams {
    * Whether to hide the room header when in a call.
    */
   hideHeader: boolean;
+  /**
+   * Whether the controls should be shown. For screen recording no controls can be desired.
+   */
+  showControls: boolean;
   /**
    * Whether to hide the screen-sharing button.
    */
   hideScreensharing: boolean;
-  /**
-   * Whether to start a walkie-talkie call instead of a video call.
-   */
-  isPtt: boolean;
   /**
    * Whether to use end-to-end encryption.
    */
@@ -84,63 +111,118 @@ export interface UrlParams {
    * user's homeserver doesn't provide any.
    */
   allowIceFallback: boolean;
+  /**
+   * E2EE password
+   */
+  password: string | null;
+  /**
+   * Whether we the app should use per participant keys for E2EE.
+   */
+  perParticipantE2EE: boolean;
+  /**
+   * Setting this flag skips the lobby and brings you in the call directly.
+   * In the widget this can be combined with preload to pass the device settings
+   * with the join widget action.
+   */
+  skipLobby: boolean;
 }
 
-/**
+// This is here as a stopgap, but what would be far nicer is a function that
- * Gets the app parameters for the current URL.
+// takes a UrlParams and returns a query string. That would enable us to
- * @param query The URL query string
+// consolidate all the data about URL parameters and their meanings to this one
- * @param fragment The URL fragment string
+// file.
- * @returns The app parameters encoded in the URL
+export function editFragmentQuery(
- */
+  hash: string,
-export const getUrlParams = (
+  edit: (params: URLSearchParams) => URLSearchParams,
-  query: string = window.location.search,
+): string {
-  fragment: string = window.location.hash
+  const fragmentQueryStart = hash.indexOf("?");
-): UrlParams => {
+  const fragmentParams = edit(
-  const fragmentQueryStart = fragment.indexOf("?");
+    new URLSearchParams(
-  const fragmentParams = new URLSearchParams(
+      fragmentQueryStart === -1 ? "" : hash.substring(fragmentQueryStart),
-    fragmentQueryStart === -1 ? "" : fragment.substring(fragmentQueryStart)
+    ),
   );
-  const queryParams = new URLSearchParams(query);
+  return `${hash.substring(
+    0,
+    fragmentQueryStart,
+  )}?${fragmentParams.toString()}`;
+}
+
+class ParamParser {
+  private fragmentParams: URLSearchParams;
+  private queryParams: URLSearchParams;
+
+  public constructor(search: string, hash: string) {
+    this.queryParams = new URLSearchParams(search);
+
+    const fragmentQueryStart = hash.indexOf("?");
+    this.fragmentParams = new URLSearchParams(
+      fragmentQueryStart === -1 ? "" : hash.substring(fragmentQueryStart),
+    );
+  }
 
   // Normally, URL params should be encoded in the fragment so as to avoid
   // leaking them to the server. However, we also check the normal query
   // string for backwards compatibility with versions that only used that.
-  const hasParam = (name: string): boolean =>
+  public getParam(name: string): string | null {
-    fragmentParams.has(name) || queryParams.has(name);
+    return this.fragmentParams.get(name) ?? this.queryParams.get(name);
-  const getParam = (name: string): string | null =>
+  }
-    fragmentParams.get(name) ?? queryParams.get(name);
+
-  const getAllParams = (name: string): string[] => [
+  public getAllParams(name: string): string[] {
-    ...fragmentParams.getAll(name),
+    return [
-    ...queryParams.getAll(name),
+      ...this.fragmentParams.getAll(name),
+      ...this.queryParams.getAll(name),
     ];
+  }
 
-  // The part of the fragment before the ?
+  public getFlagParam(name: string, defaultValue = false): boolean {
-  const fragmentRoute =
+    const param = this.getParam(name);
-    fragmentQueryStart === -1
+    return param === null ? defaultValue : param !== "false";
-      ? fragment
+  }
-      : fragment.substring(0, fragmentQueryStart);
+}
 
-  const fontScale = parseFloat(getParam("fontScale") ?? "");
+/**
+ * Gets the app parameters for the current URL.
+ * @param search The URL search string
+ * @param hash The URL hash
+ * @returns The app parameters encoded in the URL
+ */
+export const getUrlParams = (
+  search = window.location.search,
+  hash = window.location.hash,
+): UrlParams => {
+  const parser = new ParamParser(search, hash);
+
+  const fontScale = parseFloat(parser.getParam("fontScale") ?? "");
 
   return {
-    roomAlias: fragmentRoute.length > 1 ? fragmentRoute : null,
+    widgetId: parser.getParam("widgetId"),
-    roomId: getParam("roomId"),
+    parentUrl: parser.getParam("parentUrl"),
-    viaServers: getAllParams("via"),
+
-    isEmbedded: hasParam("embed"),
+    // NB. we don't validate roomId here as we do in getRoomIdentifierFromUrl:
-    preload: hasParam("preload"),
+    // what would we do if it were invalid? If the widget API says that's what
-    hideHeader: hasParam("hideHeader"),
+    // the room ID is, then that's what it is.
-    hideScreensharing: hasParam("hideScreensharing"),
+    roomId: parser.getParam("roomId"),
-    isPtt: hasParam("ptt"),
+    password: parser.getParam("password"),
-    e2eEnabled: getParam("enableE2e") !== "false", // Defaults to true
+    // This flag has 'embed' as an alias for historical reasons
-    userId: getParam("userId"),
+    confineToRoom:
-    displayName: getParam("displayName"),
+      parser.getFlagParam("confineToRoom") || parser.getFlagParam("embed"),
-    deviceId: getParam("deviceId"),
+    appPrompt: parser.getFlagParam("appPrompt", true),
-    baseUrl: getParam("baseUrl"),
+    preload: parser.getFlagParam("preload"),
-    lang: getParam("lang"),
+    hideHeader: parser.getFlagParam("hideHeader"),
-    fonts: getAllParams("font"),
+    showControls: parser.getFlagParam("showControls", true),
+    hideScreensharing: parser.getFlagParam("hideScreensharing"),
+    e2eEnabled: parser.getFlagParam("enableE2EE", true),
+    userId: parser.getParam("userId"),
+    displayName: parser.getParam("displayName"),
+    deviceId: parser.getParam("deviceId"),
+    baseUrl: parser.getParam("baseUrl"),
+    lang: parser.getParam("lang"),
+    fonts: parser.getAllParams("font"),
     fontScale: Number.isNaN(fontScale) ? null : fontScale,
-    analyticsID: getParam("analyticsID"),
+    analyticsID: parser.getParam("analyticsID"),
-    allowIceFallback: hasParam("allowIceFallback"),
+    allowIceFallback: parser.getFlagParam("allowIceFallback"),
+    perParticipantE2EE: parser.getFlagParam("perParticipantE2EE"),
+    skipLobby: parser.getFlagParam("skipLobby"),
   };
 };
 
@@ -149,6 +231,73 @@ export const getUrlParams = (
  * @returns The app parameters for the current URL
  */
 export const useUrlParams = (): UrlParams => {
-  const { hash, search } = useLocation();
+  const { search, hash } = useLocation();
   return useMemo(() => getUrlParams(search, hash), [search, hash]);
 };
+
+export function getRoomIdentifierFromUrl(
+  pathname: string,
+  search: string,
+  hash: string,
+): RoomIdentifier {
+  let roomAlias: string | null = null;
+  pathname = pathname.substring(1); // Strip the "/"
+  const pathComponents = pathname.split("/");
+  const pathHasRoom = pathComponents[0] == "room";
+  const hasRoomAlias = pathComponents.length > 1;
+
+  // What type is our url: roomAlias in hash, room alias as the search path, roomAlias after /room/
+  if (hash === "" || hash.startsWith("#?")) {
+    if (hasRoomAlias && pathHasRoom) {
+      roomAlias = pathComponents[1];
+    }
+    if (!pathHasRoom) {
+      roomAlias = pathComponents[0];
+    }
+  } else {
+    roomAlias = hash;
+  }
+
+  // Delete "?" and what comes afterwards
+  roomAlias = roomAlias?.split("?")[0] ?? null;
+
+  if (roomAlias) {
+    // Make roomAlias is null, if it only is a "#"
+    if (roomAlias.length <= 1) {
+      roomAlias = null;
+    } else {
+      // Add "#", if not present
+      if (!roomAlias.startsWith("#")) {
+        roomAlias = `#${roomAlias}`;
+      }
+      // Add server part, if not present
+      if (!roomAlias.includes(":")) {
+        roomAlias = `${roomAlias}:${Config.defaultServerName()}`;
+      }
+    }
+  }
+
+  const parser = new ParamParser(search, hash);
+
+  // Make sure roomId is valid
+  let roomId: string | null = parser.getParam("roomId");
+  if (!roomId?.startsWith("!")) {
+    roomId = null;
+  } else if (!roomId.includes("")) {
+    roomId = null;
+  }
+
+  return {
+    roomAlias,
+    roomId,
+    viaServers: parser.getAllParams("viaServers"),
+  };
+}
+
+export const useRoomIdentifier = (): RoomIdentifier => {
+  const { pathname, search, hash } = useLocation();
+  return useMemo(
+    () => getRoomIdentifierFromUrl(pathname, search, hash),
+    [pathname, search, hash],
+  );
+};

src/UserMenu.module.css

@@ -17,22 +17,10 @@ limitations under the License.
 .menuIcon {
   width: 24px;
   height: 24px;
+
+  flex-shrink: 0;
 }
 
 .userButton svg * {
-  fill: var(--primary-content);
+  fill: var(--cpd-color-icon-primary);
-}
-
-.avatar {
-  width: 24px;
-  height: 24px;
-  font-size: var(--font-size-caption);
-}
-
-@media (min-width: 800px) {
-  .avatar {
-    width: 32px;
-    height: 32px;
-    font-size: var(--font-size-body);
-  }
 }

src/UserMenu.tsx

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { useCallback, useMemo } from "react";
+import { FC, ReactNode, useCallback, useMemo } from "react";
 import { Item } from "@react-stately/collections";
 import { useLocation } from "react-router-dom";
 import { useTranslation } from "react-i18next";
@@ -24,30 +24,32 @@ import { PopoverMenuTrigger } from "./popover/PopoverMenu";
 import { Menu } from "./Menu";
 import { TooltipTrigger } from "./Tooltip";
 import { Avatar, Size } from "./Avatar";
-import { ReactComponent as UserIcon } from "./icons/User.svg";
+import UserIcon from "./icons/User.svg?react";
-import { ReactComponent as SettingsIcon } from "./icons/Settings.svg";
+import SettingsIcon from "./icons/Settings.svg?react";
-import { ReactComponent as LoginIcon } from "./icons/Login.svg";
+import LoginIcon from "./icons/Login.svg?react";
-import { ReactComponent as LogoutIcon } from "./icons/Logout.svg";
+import LogoutIcon from "./icons/Logout.svg?react";
 import { Body } from "./typography/Typography";
 import styles from "./UserMenu.module.css";
 
-interface UserMenuProps {
+interface Props {
   preventNavigation: boolean;
   isAuthenticated: boolean;
   isPasswordlessUser: boolean;
+  userId: string;
   displayName: string;
-  avatarUrl: string;
+  avatarUrl?: string;
   onAction: (value: string) => void;
 }
 
-export function UserMenu({
+export const UserMenu: FC<Props> = ({
   preventNavigation,
   isAuthenticated,
   isPasswordlessUser,
+  userId,
   displayName,
   avatarUrl,
   onAction,
-}: UserMenuProps) {
+}) => {
   const { t } = useTranslation();
   const location = useLocation();
 
@@ -64,13 +66,13 @@ export function UserMenu({
       arr.push({
         key: "settings",
         icon: SettingsIcon,
-        label: t("Settings"),
+        label: t("common.settings"),
       });
 
       if (isPasswordlessUser && !preventNavigation) {
         arr.push({
           key: "login",
-          label: t("Sign in"),
+          label: t("action.sign_in"),
           icon: LoginIcon,
           dataTestid: "usermenu_login",
         });
@@ -79,7 +81,7 @@ export function UserMenu({
       if (!isPasswordlessUser && !preventNavigation) {
         arr.push({
           key: "logout",
-          label: t("Sign out"),
+          label: t("action.sign_out"),
           icon: LogoutIcon,
           dataTestid: "usermenu_logout",
         });
@@ -89,12 +91,12 @@ export function UserMenu({
     return arr;
   }, [isAuthenticated, isPasswordlessUser, displayName, preventNavigation, t]);
 
-  const tooltip = useCallback(() => t("Profile"), [t]);
+  const tooltip = useCallback(() => t("common.profile"), [t]);
 
   if (!isAuthenticated) {
     return (
       <LinkButton to={{ pathname: "/login", state: { from: location } }}>
-        Log in
+        {t("log_in")}
       </LinkButton>
     );
   }
@@ -109,18 +111,20 @@ export function UserMenu({
         >
           {isAuthenticated && (!isPasswordlessUser || avatarUrl) ? (
             <Avatar
+              id={userId}
+              name={displayName}
               size={Size.SM}
-              className={styles.avatar}
               src={avatarUrl}
-              fallback={displayName.slice(0, 1).toUpperCase()}
             />
           ) : (
             <UserIcon />
           )}
         </Button>
       </TooltipTrigger>
-      {(props) => (
+      {
-        <Menu {...props} label={t("User menu")} onAction={onAction}>
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (props: any): ReactNode => (
+          <Menu {...props} label={t("a11y.user_menu")} onAction={onAction}>
             {items.map(({ key, icon: Icon, label, dataTestid }) => (
               <Item key={key} textValue={label}>
                 <Icon
@@ -133,7 +137,8 @@ export function UserMenu({
               </Item>
             ))}
           </Menu>
-      )}
+        )
+      }
     </PopoverMenuTrigger>
   );
-}
+};

src/UserMenuContainer.tsx

@@ -14,12 +14,11 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { useCallback, useState } from "react";
+import { FC, useCallback, useState } from "react";
 import { useHistory, useLocation } from "react-router-dom";
 
-import { useClient } from "./ClientContext";
+import { useClientLegacy } from "./ClientContext";
 import { useProfile } from "./profile/useProfile";
-import { useModalTriggerState } from "./Modal";
 import { SettingsModal } from "./settings/SettingsModal";
 import { UserMenu } from "./UserMenu";
 
@@ -27,13 +26,16 @@ interface Props {
   preventNavigation?: boolean;
 }
 
-export function UserMenuContainer({ preventNavigation = false }: Props) {
+export const UserMenuContainer: FC<Props> = ({ preventNavigation = false }) => {
   const location = useLocation();
   const history = useHistory();
-  const { isAuthenticated, isPasswordlessUser, logout, userName, client } =
+  const { client, logout, authenticated, passwordlessUser } = useClientLegacy();
-    useClient();
   const { displayName, avatarUrl } = useProfile(client);
-  const { modalState, modalProps } = useModalTriggerState();
+  const [settingsModalOpen, setSettingsModalOpen] = useState(false);
+  const onDismissSettingsModal = useCallback(
+    () => setSettingsModalOpen(false),
+    [setSettingsModalOpen],
+  );
 
   const [defaultSettingsTab, setDefaultSettingsTab] = useState<string>();
 
@@ -42,42 +44,43 @@ export function UserMenuContainer({ preventNavigation = false }: Props) {
       switch (value) {
         case "user":
           setDefaultSettingsTab("profile");
-          modalState.open();
+          setSettingsModalOpen(true);
           break;
         case "settings":
           setDefaultSettingsTab("audio");
-          modalState.open();
+          setSettingsModalOpen(true);
           break;
         case "logout":
-          logout();
+          logout?.();
           break;
         case "login":
           history.push("/login", { state: { from: location } });
           break;
       }
     },
-    [history, location, logout, modalState]
+    [history, location, logout, setSettingsModalOpen],
   );
 
+  const userName = client?.getUserIdLocalpart() ?? "";
   return (
     <>
       <UserMenu
         preventNavigation={preventNavigation}
-        isAuthenticated={isAuthenticated}
+        isAuthenticated={authenticated}
-        isPasswordlessUser={isPasswordlessUser}
+        isPasswordlessUser={passwordlessUser}
         avatarUrl={avatarUrl}
         onAction={onAction}
-        displayName={
+        userId={client?.getUserId() ?? ""}
-          displayName || (userName ? userName.replace("@", "") : undefined)
+        displayName={displayName || (userName ? userName.replace("@", "") : "")}
-        }
       />
-      {modalState.isOpen && (
+      {client && (
         <SettingsModal
           client={client}
           defaultTab={defaultSettingsTab}
-          {...modalProps}
+          open={settingsModalOpen}
+          onDismiss={onDismissSettingsModal}
         />
       )}
     </>
   );
-}
+};

src/analytics/AnalyticsNotice.tsx

@@ -1,10 +1,26 @@
-import React, { FC } from "react";
+/*
+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 { FC } from "react";
 import { Trans } from "react-i18next";
 
 import { Link } from "../typography/Typography";
 
 export const AnalyticsNotice: FC = () => (
-  <Trans>
+  <Trans i18nKey="analytics_notice">
     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{" "}

src/analytics/PosthogAnalytics.ts

@@ -20,7 +20,7 @@ import { MatrixClient } from "matrix-js-sdk";
 import { Buffer } from "buffer";
 
 import { widget } from "../widget";
-import { getSetting, setSetting, settingsBus } from "../settings/useSetting";
+import { getSetting, setSetting, getSettingKey } from "../settings/useSetting";
 import {
   CallEndedTracker,
   CallStartedTracker,
@@ -30,9 +30,11 @@ import {
   MuteMicrophoneTracker,
   UndecryptableToDeviceEventTracker,
   QualitySurveyEventTracker,
+  CallDisconnectedEventTracker,
 } from "./PosthogEvents";
 import { Config } from "../config/Config";
 import { getUrlParams } from "../UrlParams";
+import { localStorageBus } from "../useLocalStorage";
 
 /* Posthog analytics tracking.
  *
@@ -70,6 +72,7 @@ export enum RegistrationType {
 interface PlatformProperties {
   appVersion: string;
   matrixBackend: "embedded" | "jssdk";
+  callBackend: "livekit" | "full-mesh";
 }
 
 interface PosthogSettings {
@@ -97,7 +100,7 @@ export class PosthogAnalytics {
   // set true during the constructor if posthog config is present, otherwise false
   private static internalInstance: PosthogAnalytics | null = null;
 
-  private identificationPromise: Promise<void>;
+  private identificationPromise?: Promise<void>;
   private readonly enabled: boolean = false;
   private anonymity = Anonymity.Disabled;
   private platformSuperProperties = {};
@@ -114,7 +117,7 @@ export class PosthogAnalytics {
     return this.internalInstance;
   }
 
-  constructor(private readonly posthog: PostHog) {
+  private constructor(private readonly posthog: PostHog) {
     const posthogConfig: PosthogSettings = {
       project_api_key: Config.get().posthog?.api_key,
       api_host: Config.get().posthog?.api_host,
@@ -143,7 +146,7 @@ export class PosthogAnalytics {
       this.enabled = true;
     } else {
       logger.info(
-        "Posthog is not enabled because there is no api key or no host given in the config"
+        "Posthog is not enabled because there is no api key or no host given in the config",
       );
       this.enabled = false;
     }
@@ -154,7 +157,7 @@ export class PosthogAnalytics {
 
   private sanitizeProperties = (
     properties: Properties,
-    _eventName: string
+    _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.
@@ -180,7 +183,7 @@ export class PosthogAnalytics {
     return properties;
   };
 
-  private registerSuperProperties(properties: Properties) {
+  private registerSuperProperties(properties: Properties): void {
     if (this.enabled) {
       this.posthog.register(properties);
     }
@@ -191,14 +194,15 @@ export class PosthogAnalytics {
     return {
       appVersion,
       matrixBackend: widget ? "embedded" : "jssdk",
+      callBackend: "livekit",
     };
   }
 
   private capture(
     eventName: string,
     properties: Properties,
-    options?: CaptureOptions
+    options?: CaptureOptions,
-  ) {
+  ): void {
     if (!this.enabled) {
       return;
     }
@@ -209,7 +213,7 @@ export class PosthogAnalytics {
     return this.enabled;
   }
 
-  setAnonymity(anonymity: Anonymity): void {
+  private 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.
@@ -232,7 +236,9 @@ export class PosthogAnalytics {
       .join("");
   }
 
-  private async identifyUser(analyticsIdGenerator: () => string) {
+  private async identifyUser(
+    analyticsIdGenerator: () => string,
+  ): Promise<void> {
     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.
@@ -253,26 +259,28 @@ export class PosthogAnalytics {
       } 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());
+        logger.log(
+          "Unable to identify user for tracking" + (e as Error)?.toString(),
+        );
       }
       if (analyticsID) {
         this.posthog.identify(analyticsID);
       } else {
         logger.info(
-          "No analyticsID is availble. Should not try to setup posthog"
+          "No analyticsID is availble. Should not try to setup posthog",
         );
       }
     }
   }
 
-  async getAnalyticsId() {
+  private async getAnalyticsId(): Promise<string | null> {
     const client: MatrixClient = window.matrixclient;
     let accountAnalyticsId;
     if (widget) {
       accountAnalyticsId = getUrlParams().analyticsID;
     } else {
       const accountData = await client.getAccountDataFromServer(
-        PosthogAnalytics.ANALYTICS_EVENT_TYPE
+        PosthogAnalytics.ANALYTICS_EVENT_TYPE,
       );
       accountAnalyticsId = accountData?.id;
     }
@@ -285,12 +293,14 @@ export class PosthogAnalytics {
     return null;
   }
 
-  async hashedEcAnalyticsId(accountAnalyticsId: string): Promise<string> {
+  private 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")
+      Buffer.from(posthogIdMaterial, "utf-8"),
     );
     const view = new Int32Array(bufferForPosthogId);
     return Array.from(view)
@@ -298,17 +308,17 @@ export class PosthogAnalytics {
       .join("");
   }
 
-  async setAccountAnalyticsId(analyticsID: string) {
+  private async setAccountAnalyticsId(analyticsID: string): Promise<void> {
     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
+        PosthogAnalytics.ANALYTICS_EVENT_TYPE,
       );
       await client.setAccountData(
         PosthogAnalytics.ANALYTICS_EVENT_TYPE,
-        Object.assign({ id: analyticsID }, accountData)
+        Object.assign({ id: analyticsID }, accountData),
       );
     }
   }
@@ -329,7 +339,7 @@ export class PosthogAnalytics {
     this.updateAnonymityAndIdentifyUser(optInAnalytics);
   }
 
-  private updateSuperProperties() {
+  private updateSuperProperties(): void {
     // Update super properties in posthog with our platform (app version, platform).
     // These properties will be subsequently passed in every event.
     //
@@ -350,7 +360,7 @@ export class PosthogAnalytics {
   }
 
   private async updateAnonymityAndIdentifyUser(
-    pseudonymousOptIn: boolean
+    pseudonymousOptIn: boolean,
   ): Promise<void> {
     // Update this.anonymity based on the user's analytics opt-in settings
     const anonymity = pseudonymousOptIn
@@ -364,13 +374,13 @@ export class PosthogAnalytics {
 
     if (anonymity === Anonymity.Pseudonymous) {
       this.setRegistrationType(
-        window.matrixclient.isGuest() || window.isPasswordlessUser
+        window.matrixclient.isGuest() || window.passwordlessUser
           ? RegistrationType.Guest
-          : RegistrationType.Registered
+          : RegistrationType.Registered,
       );
       // store the promise to await posthog-tracking-events until the identification is done.
       this.identificationPromise = this.identifyUser(
-        PosthogAnalytics.getRandomAnalyticsId
+        PosthogAnalytics.getRandomAnalyticsId,
       );
       await this.identificationPromise;
       if (this.userRegisteredInThisSession()) {
@@ -385,7 +395,7 @@ export class PosthogAnalytics {
 
   public async trackEvent<E extends IPosthogEvent>(
     { eventName, ...properties }: E,
-    options?: CaptureOptions
+    options?: CaptureOptions,
   ): Promise<void> {
     if (this.identificationPromise) {
       // only make calls to posthog after the identificaion is done
@@ -408,7 +418,7 @@ export class PosthogAnalytics {
     //  * 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) => {
+    localStorageBus.on(getSettingKey("opt-in-analytics"), (optInAnalytics) => {
       this.updateAnonymityAndIdentifyUser(optInAnalytics);
     });
   }
@@ -433,4 +443,5 @@ export class PosthogAnalytics {
   public eventMuteCamera = new MuteCameraTracker();
   public eventUndecryptableToDevice = new UndecryptableToDeviceEventTracker();
   public eventQualitySurvey = new QualitySurveyEventTracker();
+  public eventCallDisconnected = new CallDisconnectedEventTracker();
 }

src/analytics/PosthogEvents.ts

@@ -14,6 +14,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+import { DisconnectReason } from "livekit-client";
+
 import {
   IPosthogEvent,
   PosthogAnalytics,
@@ -34,18 +36,22 @@ export class CallEndedTracker {
     maxParticipantsCount: 0,
   };
 
-  cacheStartCall(time: Date) {
+  public cacheStartCall(time: Date): void {
     this.cache.startTime = time;
   }
 
-  cacheParticipantCountChanged(count: number) {
+  public cacheParticipantCountChanged(count: number): void {
     this.cache.maxParticipantsCount = Math.max(
       count,
-      this.cache.maxParticipantsCount
+      this.cache.maxParticipantsCount,
     );
   }
 
-  track(callId: string, callParticipantsNow: number, sendInstantly: boolean) {
+  public track(
+    callId: string,
+    callParticipantsNow: number,
+    sendInstantly: boolean,
+  ): void {
     PosthogAnalytics.instance.trackEvent<CallEnded>(
       {
         eventName: "CallEnded",
@@ -54,7 +60,7 @@ export class CallEndedTracker {
         callParticipantsOnLeave: callParticipantsNow,
         callDuration: (Date.now() - this.cache.startTime.getTime()) / 1000,
       },
-      { send_instantly: sendInstantly }
+      { send_instantly: sendInstantly },
     );
   }
 }
@@ -65,7 +71,7 @@ interface CallStarted extends IPosthogEvent {
 }
 
 export class CallStartedTracker {
-  track(callId: string) {
+  public track(callId: string): void {
     PosthogAnalytics.instance.trackEvent<CallStarted>({
       eventName: "CallStarted",
       callId: callId,
@@ -84,19 +90,19 @@ export class SignupTracker {
     signupEnd: new Date(0),
   };
 
-  cacheSignupStart(time: Date) {
+  public cacheSignupStart(time: Date): void {
     this.cache.signupStart = time;
   }
 
-  getSignupEndTime() {
+  public getSignupEndTime(): Date {
     return this.cache.signupEnd;
   }
 
-  cacheSignupEnd(time: Date) {
+  public cacheSignupEnd(time: Date): void {
     this.cache.signupEnd = time;
   }
 
-  track() {
+  public track(): void {
     PosthogAnalytics.instance.trackEvent<Signup>({
       eventName: "Signup",
       signupDuration: Date.now() - this.cache.signupStart.getTime(),
@@ -110,7 +116,7 @@ interface Login extends IPosthogEvent {
 }
 
 export class LoginTracker {
-  track() {
+  public track(): void {
     PosthogAnalytics.instance.trackEvent<Login>({
       eventName: "Login",
     });
@@ -125,7 +131,7 @@ interface MuteMicrophone {
 }
 
 export class MuteMicrophoneTracker {
-  track(targetIsMute: boolean, callId: string) {
+  public track(targetIsMute: boolean, callId: string): void {
     PosthogAnalytics.instance.trackEvent<MuteMicrophone>({
       eventName: "MuteMicrophone",
       targetMuteState: targetIsMute ? "mute" : "unmute",
@@ -141,7 +147,7 @@ interface MuteCamera {
 }
 
 export class MuteCameraTracker {
-  track(targetIsMute: boolean, callId: string) {
+  public track(targetIsMute: boolean, callId: string): void {
     PosthogAnalytics.instance.trackEvent<MuteCamera>({
       eventName: "MuteCamera",
       targetMuteState: targetIsMute ? "mute" : "unmute",
@@ -156,7 +162,7 @@ interface UndecryptableToDeviceEvent {
 }
 
 export class UndecryptableToDeviceEventTracker {
-  track(callId: string) {
+  public track(callId: string): void {
     PosthogAnalytics.instance.trackEvent<UndecryptableToDeviceEvent>({
       eventName: "UndecryptableToDeviceEvent",
       callId,
@@ -172,7 +178,7 @@ interface QualitySurveyEvent {
 }
 
 export class QualitySurveyEventTracker {
-  track(callId: string, feedbackText: string, stars: number) {
+  public track(callId: string, feedbackText: string, stars: number): void {
     PosthogAnalytics.instance.trackEvent<QualitySurveyEvent>({
       eventName: "QualitySurvey",
       callId,
@@ -181,3 +187,17 @@ export class QualitySurveyEventTracker {
     });
   }
 }
+
+interface CallDisconnectedEvent {
+  eventName: "CallDisconnected";
+  reason?: DisconnectReason;
+}
+
+export class CallDisconnectedEventTracker {
+  public track(reason?: DisconnectReason): void {
+    PosthogAnalytics.instance.trackEvent<CallDisconnectedEvent>({
+      eventName: "CallDisconnected",
+      reason,
+    });
+  }
+}

src/analytics/PosthogSpanProcessor.ts

@@ -39,9 +39,9 @@ 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> {}
+  public async forceFlush(): Promise<void> {}
 
-  onStart(span: Span): void {
+  public onStart(span: Span): void {
     // Hack: Yield to allow attributes to be set before processing
     Promise.resolve().then(() => {
       switch (span.name) {
@@ -55,7 +55,7 @@ export class PosthogSpanProcessor implements SpanProcessor {
     });
   }
 
-  onEnd(span: ReadableSpan): void {
+  public onEnd(span: ReadableSpan): void {
     switch (span.name) {
       case "matrix.groupCallMembership":
         this.onGroupCallMembershipEnd(span);
@@ -148,7 +148,7 @@ export class PosthogSpanProcessor implements SpanProcessor {
             ratioPeerConnectionToDevices: ratioPeerConnectionToDevices,
           },
           // Send instantly because the window might be closing
-          { send_instantly: true }
+          { send_instantly: true },
         );
       }
     }
@@ -157,7 +157,7 @@ export class PosthogSpanProcessor implements SpanProcessor {
   /**
    * Shutdown the processor.
    */
-  shutdown(): Promise<void> {
+  public shutdown(): Promise<void> {
     return Promise.resolve();
   }
 }

src/analytics/RageshakeSpanProcessor.ts

@@ -1,4 +1,20 @@
-import { Attributes } from "@opentelemetry/api";
+/*
+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 { AttributeValue, Attributes } from "@opentelemetry/api";
 import { hrTimeToMicroseconds } from "@opentelemetry/core";
 import {
   SpanProcessor,
@@ -6,7 +22,21 @@ import {
   Span,
 } from "@opentelemetry/sdk-trace-base";
 
-const dumpAttributes = (attr: Attributes) =>
+const dumpAttributes = (
+  attr: Attributes,
+): {
+  key: string;
+  type:
+    | "string"
+    | "number"
+    | "bigint"
+    | "boolean"
+    | "symbol"
+    | "undefined"
+    | "object"
+    | "function";
+  value: AttributeValue | undefined;
+}[] =>
   Object.entries(attr).map(([key, value]) => ({
     key,
     type: typeof value,
@@ -20,13 +50,13 @@ const dumpAttributes = (attr: Attributes) =>
 export class RageshakeSpanProcessor implements SpanProcessor {
   private readonly spans: ReadableSpan[] = [];
 
-  async forceFlush(): Promise<void> {}
+  public async forceFlush(): Promise<void> {}
 
-  onStart(span: Span): void {
+  public onStart(span: Span): void {
     this.spans.push(span);
   }
 
-  onEnd(): void {}
+  public onEnd(): void {}
 
   /**
    * Dumps the spans collected so far as Jaeger-compatible JSON.
@@ -110,5 +140,5 @@ export class RageshakeSpanProcessor implements SpanProcessor {
     });
   }
 
-  async shutdown(): Promise<void> {}
+  public async shutdown(): Promise<void> {}
 }

src/array-utils.ts

@@ -0,0 +1,44 @@
+/*
+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.
+*/
+
+/**
+ * Gets the index of the last element in the array to satsify the given
+ * predicate.
+ */
+// TODO: remove this once TypeScript recognizes the existence of
+// Array.prototype.findLastIndex
+export function findLastIndex<T>(
+  array: T[],
+  predicate: (item: T, index: number) => boolean,
+): number | null {
+  for (let i = array.length - 1; i >= 0; i--) {
+    if (predicate(array[i], i)) return i;
+  }
+
+  return null;
+}
+
+/**
+ * Counts the number of elements in an array that satsify the given predicate.
+ */
+export const count = <T>(
+  array: T[],
+  predicate: (item: T, index: number) => boolean,
+): number =>
+  array.reduce(
+    (acc, item, index) => (predicate(item, index) ? acc + 1 : acc),
+    0,
+  );

src/auth/LoginPage.module.css

@@ -81,7 +81,7 @@ limitations under the License.
 }
 
 .authLinks a {
-  color: var(--accent);
+  color: var(--cpd-color-text-action-accent);
   text-decoration: none;
   font-weight: normal;
 }

src/auth/LoginPage.tsx

@@ -14,11 +14,11 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { FC, FormEvent, useCallback, useRef, useState } from "react";
+import { FC, FormEvent, useCallback, useRef, useState } from "react";
 import { useHistory, useLocation, Link } from "react-router-dom";
 import { Trans, useTranslation } from "react-i18next";
 
-import { ReactComponent as Logo } from "../icons/LogoLarge.svg";
+import Logo from "../icons/LogoLarge.svg?react";
 import { useClient } from "../ClientContext";
 import { FieldRow, InputField, ErrorMessage } from "../input/Input";
 import { Button } from "../button";
@@ -30,13 +30,13 @@ import { Config } from "../config/Config";
 
 export const LoginPage: FC = () => {
   const { t } = useTranslation();
-  usePageTitle(t("Login"));
+  usePageTitle(t("login_title"));
 
   const { setClient } = useClient();
   const login = useInteractiveLogin();
   const homeserver = Config.defaultHomeserverUrl(); // TODO: Make this configurable
-  const usernameRef = useRef<HTMLInputElement>();
+  const usernameRef = useRef<HTMLInputElement>(null);
-  const passwordRef = useRef<HTMLInputElement>();
+  const passwordRef = useRef<HTMLInputElement>(null);
   const history = useHistory();
   const location = useLocation();
   const [loading, setLoading] = useState(false);
@@ -49,12 +49,27 @@ export const LoginPage: FC = () => {
       e.preventDefault();
       setLoading(true);
 
+      if (!homeserver || !usernameRef.current || !passwordRef.current) {
+        setError(Error("Login parameters are undefined"));
+        setLoading(false);
+        return;
+      }
+
       login(homeserver, usernameRef.current.value, passwordRef.current.value)
         .then(([client, session]) => {
-          setClient(client, session);
+          if (!setClient) {
+            return;
+          }
 
-          if (location.state && location.state.from) {
+          setClient({ client, session });
-            history.push(location.state.from);
+
+          const locationState = location.state;
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          if (locationState && locationState.from) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            history.push(locationState.from);
           } else {
             history.push("/");
           }
@@ -65,7 +80,7 @@ export const LoginPage: FC = () => {
           setLoading(false);
         });
     },
-    [login, location, history, homeserver, setClient]
+    [login, location, history, homeserver, setClient],
   );
 
   return (
@@ -75,15 +90,15 @@ export const LoginPage: FC = () => {
           <div className={styles.formContainer}>
             <Logo width="auto" height="auto" className={styles.logo} />
 
-            <h2>Log In</h2>
+            <h2>{t("log_in")}</h2>
-            <h4>To continue to Element</h4>
+            <h4>{t("login_subheading")}</h4>
             <form onSubmit={onSubmitLoginForm}>
               <FieldRow>
                 <InputField
                   type="text"
                   ref={usernameRef}
-                  placeholder={t("Username")}
+                  placeholder={t("common.username")}
-                  label={t("Username")}
+                  label={t("common.username")}
                   autoCorrect="off"
                   autoCapitalize="none"
                   prefix="@"
@@ -95,8 +110,8 @@ export const LoginPage: FC = () => {
                 <InputField
                   type="password"
                   ref={passwordRef}
-                  placeholder={t("Password")}
+                  placeholder={t("common.password")}
-                  label={t("Password")}
+                  label={t("common.password")}
                   data-testid="login_password"
                 />
               </FieldRow>
@@ -111,15 +126,15 @@ export const LoginPage: FC = () => {
                   disabled={loading}
                   data-testid="login_login"
                 >
-                  {loading ? t("Logging in…") : t("Login")}
+                  {loading ? t("logging_in") : t("login_title")}
                 </Button>
               </FieldRow>
             </form>
           </div>
           <div className={styles.authLinks}>
-            <p>Not registered yet?</p>
+            <p>{t("login_auth_links_prompt")}</p>
             <p>
-              <Trans>
+              <Trans i18nKey="login_auth_links">
                 <Link to="/register">Create an account</Link>
                 {" Or "}
                 <Link to="/">Access as a guest</Link>

src/auth/RegisterPage.tsx

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, {
+import {
   ChangeEvent,
   FC,
   FormEvent,
@@ -27,13 +27,14 @@ import { useHistory, useLocation } from "react-router-dom";
 import { captureException } from "@sentry/react";
 import { sleep } from "matrix-js-sdk/src/utils";
 import { Trans, useTranslation } from "react-i18next";
+import { logger } from "matrix-js-sdk/src/logger";
 
 import { FieldRow, InputField, ErrorMessage } from "../input/Input";
 import { Button } from "../button";
-import { useClient } from "../ClientContext";
+import { useClientLegacy } from "../ClientContext";
 import { useInteractiveRegistration } from "./useInteractiveRegistration";
 import styles from "./LoginPage.module.css";
-import { ReactComponent as Logo } from "../icons/LogoLarge.svg";
+import Logo from "../icons/LogoLarge.svg?react";
 import { LoadingView } from "../FullScreenView";
 import { useRecaptcha } from "./useRecaptcha";
 import { Caption, Link } from "../typography/Typography";
@@ -43,19 +44,19 @@ import { Config } from "../config/Config";
 
 export const RegisterPage: FC = () => {
   const { t } = useTranslation();
-  usePageTitle(t("Register"));
+  usePageTitle(t("action.register"));
 
-  const { loading, isAuthenticated, isPasswordlessUser, client, setClient } =
+  const { loading, authenticated, passwordlessUser, client, setClient } =
-    useClient();
+    useClientLegacy();
-  const confirmPasswordRef = useRef<HTMLInputElement>();
+
+  const confirmPasswordRef = useRef<HTMLInputElement>(null);
   const history = useHistory();
   const location = useLocation();
   const [registering, setRegistering] = useState(false);
   const [error, setError] = useState<Error>();
   const [password, setPassword] = useState("");
   const [passwordConfirmation, setPasswordConfirmation] = useState("");
-  const [privacyPolicyUrl, recaptchaKey, register] =
+  const { recaptchaKey, register } = useInteractiveRegistration();
-    useInteractiveRegistration();
   const { execute, reset, recaptchaId } = useRecaptcha(recaptchaKey);
 
   const onSubmitRegisterForm = useCallback(
@@ -68,7 +69,7 @@ export const RegisterPage: FC = () => {
 
       if (password !== passwordConfirmation) return;
 
-      const submit = async () => {
+      const submit = async (): Promise<void> => {
         setRegistering(true);
 
         const recaptchaResponse = await execute();
@@ -76,10 +77,11 @@ export const RegisterPage: FC = () => {
           userName,
           password,
           userName,
-          recaptchaResponse
+          recaptchaResponse,
+          passwordlessUser,
         );
 
-        if (client && isPasswordlessUser) {
+        if (client && client?.groupCallEventHandler && passwordlessUser) {
           // Migrate the user's rooms
           for (const groupCall of client.groupCallEventHandler.groupCalls.values()) {
             const roomId = groupCall.room.roomId;
@@ -87,24 +89,32 @@ export const RegisterPage: FC = () => {
             try {
               await newClient.joinRoom(roomId);
             } catch (error) {
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              // @ts-ignore
               if (error.errcode === "M_LIMIT_EXCEEDED") {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
                 await sleep(error.data.retry_after_ms);
                 await newClient.joinRoom(roomId);
               } else {
                 captureException(error);
-                console.error(`Couldn't join room ${roomId}`, error);
+                logger.error(`Couldn't join room ${roomId}`, error);
               }
             }
           }
         }
 
-        setClient(newClient, session);
+        setClient?.({ client: newClient, session });
         PosthogAnalytics.instance.eventSignup.cacheSignupEnd(new Date());
       };
 
       submit()
         .then(() => {
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
           if (location.state?.from) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
             history.push(location.state?.from);
           } else {
             history.push("/");
@@ -120,27 +130,29 @@ export const RegisterPage: FC = () => {
       register,
       location,
       history,
-      isPasswordlessUser,
+      passwordlessUser,
       reset,
       execute,
       client,
       setClient,
-    ]
+    ],
   );
 
   useEffect(() => {
     if (password && passwordConfirmation && password !== passwordConfirmation) {
-      confirmPasswordRef.current?.setCustomValidity(t("Passwords must match"));
+      confirmPasswordRef.current?.setCustomValidity(
+        t("register.passwords_must_match"),
+      );
     } else {
       confirmPasswordRef.current?.setCustomValidity("");
     }
   }, [password, passwordConfirmation, t]);
 
   useEffect(() => {
-    if (!loading && isAuthenticated && !isPasswordlessUser && !registering) {
+    if (!loading && authenticated && !passwordlessUser && !registering) {
       history.push("/");
     }
-  }, [loading, history, isAuthenticated, isPasswordlessUser, registering]);
+  }, [loading, history, authenticated, passwordlessUser, registering]);
 
   if (loading) {
     return <LoadingView />;
@@ -154,14 +166,14 @@ export const RegisterPage: FC = () => {
         <div className={styles.content}>
           <div className={styles.formContainer}>
             <Logo width="auto" height="auto" className={styles.logo} />
-            <h2>Create your account</h2>
+            <h2>{t("register_heading")}</h2>
             <form onSubmit={onSubmitRegisterForm}>
               <FieldRow>
                 <InputField
                   type="text"
                   name="userName"
-                  placeholder={t("Username")}
+                  placeholder={t("common.username")}
-                  label={t("Username")}
+                  label={t("common.username")}
                   autoCorrect="off"
                   autoCapitalize="none"
                   prefix="@"
@@ -174,12 +186,12 @@ export const RegisterPage: FC = () => {
                   required
                   name="password"
                   type="password"
-                  onChange={(e: ChangeEvent<HTMLInputElement>) =>
+                  onChange={(e: ChangeEvent<HTMLInputElement>): void =>
                     setPassword(e.target.value)
                   }
                   value={password}
-                  placeholder={t("Password")}
+                  placeholder={t("common.password")}
-                  label={t("Password")}
+                  label={t("common.password")}
                   data-testid="register_password"
                 />
               </FieldRow>
@@ -188,18 +200,18 @@ export const RegisterPage: FC = () => {
                   required
                   type="password"
                   name="passwordConfirmation"
-                  onChange={(e: ChangeEvent<HTMLInputElement>) =>
+                  onChange={(e: ChangeEvent<HTMLInputElement>): void =>
                     setPasswordConfirmation(e.target.value)
                   }
                   value={passwordConfirmation}
-                  placeholder={t("Confirm password")}
+                  placeholder={t("register_confirm_password_label")}
-                  label={t("Confirm password")}
+                  label={t("register_confirm_password_label")}
                   ref={confirmPasswordRef}
                   data-testid="register_confirm_password"
                 />
               </FieldRow>
               <Caption>
-                <Trans>
+                <Trans i18nKey="recaptcha_caption">
                   This site is protected by ReCAPTCHA and the Google{" "}
                   <Link href="https://www.google.com/policies/privacy/">
                     Privacy Policy
@@ -211,7 +223,9 @@ export const RegisterPage: FC = () => {
                   apply.
                   <br />
                   By clicking "Register", you agree to our{" "}
-                  <Link href={privacyPolicyUrl}>Terms and conditions</Link>
+                  <Link href={Config.get().eula}>
+                    End User Licensing Agreement (EULA)
+                  </Link>
                 </Trans>
               </Caption>
               {error && (
@@ -225,14 +239,16 @@ export const RegisterPage: FC = () => {
                   disabled={registering}
                   data-testid="register_register"
                 >
-                  {registering ? t("Registering…") : t("Register")}
+                  {registering
+                    ? t("register.registering")
+                    : t("action.register")}
                 </Button>
               </FieldRow>
               <div id={recaptchaId} />
             </form>
           </div>
           <div className={styles.authLinks}>
-            <Trans>
+            <Trans i18nKey="register_auth_links">
               <p>Already have an account?</p>
               <p>
                 <Link to="/login">Log in</Link>

src/auth/useInteractiveLogin.ts

@@ -21,12 +21,16 @@ import { createClient, MatrixClient } from "matrix-js-sdk/src/matrix";
 import { initClient } from "../matrix-utils";
 import { Session } from "../ClientContext";
 
-export const useInteractiveLogin = () =>
+export function useInteractiveLogin(): (
-  useCallback<
+  homeserver: string,
+  username: string,
+  password: string,
+) => Promise<[MatrixClient, Session]> {
+  return useCallback<
     (
       homeserver: string,
       username: string,
-      password: string
+      password: string,
     ) => Promise<[MatrixClient, Session]>
   >(async (homeserver: string, username: string, password: string) => {
     const authClient = createClient({ baseUrl: homeserver });
@@ -41,8 +45,10 @@ export const useInteractiveLogin = () =>
           },
           password,
         }),
-      stateUpdated: null,
+      stateUpdated: (): void => {},
-      requestEmailToken: null,
+      requestEmailToken: (): Promise<{ sid: string }> => {
+        return Promise.resolve({ sid: "" });
+      },
     });
 
     // XXX: This claims to return an IAuthData which contains none of these
@@ -64,9 +70,9 @@ export const useInteractiveLogin = () =>
         userId: user_id,
         deviceId: device_id,
       },
-      false
+      false,
     );
     /* eslint-enable camelcase */
-
     return [client, session];
   }, []);
+}