Merge pull request #1933 from robintown/invite-modal-overflow

Fix the invite modal overflowing

.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,11 +23,10 @@ jobs:
           SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
           SENTRY_URL: ${{ secrets.SENTRY_URL }}
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
-          # This appears to be necessary to stop Vite from OOMing
+          VITE_APP_VERSION: ${{ github.sha }}
-          # https://github.com/vitejs/vite/issues/2433
+          NODE_OPTIONS: "--max-old-space-size=4096"
-          NODE_OPTIONS: "--max-old-space-size=16384"
       - 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,34 +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 }}
-          # This appears to be necessary to stop Vite from OOMing
-          # https://github.com/vitejs/vite/issues/2433
-          NODE_OPTIONS: "--max-old-space-size=16384"
 
       - 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

@@ -3,31 +3,33 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "NODE_OPTIONS=--max-old-space-size=16384 vite build",
     "serve": "vite preview",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
     "prettier:check": "prettier -c .",
     "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#261bc81554580b442769a65ceed2b154178fbe1c",
+    "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,129 +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": "Начало",
-  "Description (optional)": "Описание (незадължително)",
+    "loading": "Зареждане…",
-  "Details": "Детайли",
+    "microphone": "Микрофон",
-  "Developer": "Разработчик",
+    "password": "Парола",
-  "Display name": "Име/псевдоним",
+    "profile": "Профил",
-  "Download debug logs": "Изтеглете debug логове",
+    "settings": "Настройки",
-  "Exit full screen": "Излез от цял екран",
+    "username": "Потребителско име",
-  "Fetching group call timed out.": "Изтече времето за взимане на груповия разговор.",
+    "video": "Видео"
-  "Freedom": "Свобода",
+  },
-  "Full screen": "Цял екран",
+  "exit_fullscreen_button_label": "Излез от цял екран",
-  "Go": "Напред",
+  "fullscreen_button_label": "Цял екран",
-  "Grid layout menu": "Меню \"решетков изглед\"",
+  "join_existing_call_modal": {
-  "Having trouble? Help us fix it.": "Имате проблем? Помогнете да го поправим.",
+    "join_button": "Да, присъедини се",
-  "Home": "Начало",
+    "text": "Този разговор вече съществува, искате ли да се присъедините?",
-  "Include debug logs": "Включи debug логове",
+    "title": "Присъединяване към съществуващ разговор?"
-  "Incompatible versions": "Несъвместими версии",
+  },
-  "Incompatible versions!": "Несъвместими версии!",
+  "layout_spotlight_label": "Прожектор",
-  "Inspector": "Инспектор",
+  "lobby": {
-  "Invite": "Покани",
+    "join_button": "Влез в разговора"
-  "Invite people": "Покани хора",
+  },
-  "Join call": "Влез в разговора",
+  "local_volume_label": "Локална сила на звука",
-  "Join call now": "Влез в разговора сега",
+  "logging_in": "Влизане…",
-  "Join existing call?": "Присъединяване към съществуващ разговор?",
+  "login_auth_links": "<0>Създайте акаунт</0> или <2>Влезте като гост</2>",
-  "Leave": "Напусни",
+  "login_title": "Влез",
-  "Loading room…": "Напускане на стаята…",
+  "rageshake_request_modal": {
-  "Loading…": "Зареждане…",
+    "body": "Друг потребител в този разговор има проблем. За да диагностицираме този проблем по-добре ни се иска да съберем debug логове.",
-  "Local volume": "Локална сила на звука",
+    "title": "Заявка за debug логове"
-  "Logging in…": "Влизане…",
+  },
-  "Login": "Влез",
+  "rageshake_send_logs": "Изпратете debug логове",
-  "Login to your account": "Влезте в акаунта си",
+  "rageshake_sending": "Изпращане…",
-  "Microphone": "Микрофон",
+  "recaptcha_dismissed": "Recaptcha отхвърлена",
-  "Microphone permissions needed to join the call.": "Необходими са разрешения за микрофона за да можете да се присъедините в разговора.",
+  "recaptcha_not_loaded": "Recaptcha не е заредена",
-  "Microphone {{n}}": "Микрофон {{n}}",
+  "register": {
-  "More": "Още",
+    "passwords_must_match": "Паролите не съвпадат",
-  "More menu": "Мено \"още\"",
+    "registering": "Регистриране…"
-  "Mute microphone": "Заглуши микрофона",
+  },
-  "No": "Не",
+  "register_auth_links": "<0>Вече имате акаунт?</0><1><0>Влезте с него</0> или <2>Влезте като гост</2></1>",
-  "Not now, return to home screen": "Не сега, върни се на началния екран",
+  "register_confirm_password_label": "Потвърди паролата",
-  "Not registered yet? <2>Create an account</2>": "Все още не сте регистрирани? <2>Създайте акаунт</2>",
+  "return_home_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>",
+  "room_auth_view_join_button": "Влез в разговора сега",
-  "Password": "Парола",
+  "screenshare_button_label": "Сподели екрана",
-  "Passwords must match": "Паролите не съвпадат",
+  "select_input_unset_button": "Изберете опция",
-  "Press and hold spacebar to talk": "Натиснете и задръжте Space за да говорите",
+  "settings": {
-  "Press and hold spacebar to talk over {{name}}": "Натиснете и задръжте Space за да говорите заедно с {{name}}",
+    "developer_tab_title": "Разработчик",
-  "Press and hold to talk": "Натиснете и задръжте за да говорите",
+    "feedback_tab_h4": "Изпрати обратна връзка",
-  "Press and hold to talk over {{name}}": "Натиснете и задръжте за да говорите заедно с {{name}}",
+    "feedback_tab_send_logs_label": "Включи debug логове",
-  "Profile": "Профил",
+    "more_tab_title": "Още",
-  "Recaptcha dismissed": "Recaptcha отхвърлена",
+    "speaker_device_selection_label": "Говорител"
-  "Recaptcha not loaded": "Recaptcha не е заредена",
+  },
-  "Register": "Регистрация",
+  "unauthenticated_view_body": "Все още не сте регистрирани? <2>Създайте акаунт</2>",
-  "Registering…": "Регистриране…",
+  "unauthenticated_view_login_button": "Влезте в акаунта си",
-  "Release spacebar key to stop": "Отпуснете Space за да спрете",
+  "version": "Версия: {{version}}",
-  "Release to stop": "Отпуснете за да спрете",
+  "waiting_for_participants": "Изчакване на други участници…"
-  "Remove": "Премахни",
-  "Return to home screen": "Връщане на началния екран",
-  "Save": "Запази",
-  "Saving…": "Запазване…",
-  "Select an option": "Изберете опция",
-  "Send debug logs": "Изпратете debug логове",
-  "Sending…": "Изпращане…",
-  "Settings": "Настройки",
-  "Share screen": "Сподели екрана",
-  "Show call inspector": "Покажи инспектора на разговора",
-  "Sign in": "Влез",
-  "Sign out": "Излез",
-  "Spatial audio": "Пространствен звук",
-  "Speaker": "Говорител",
-  "Speaker {{n}}": "Говорител {{n}}",
-  "Spotlight": "Прожектор",
-  "Stop sharing screen": "Спри споделянето на екрана",
-  "Submit feedback": "Изпрати обратна връзка",
-  "Submitting 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 ID": "Потребителски идентификатор",
-  "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,138 +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",
-  "User ID": "ID uživatele",
+    "settings": "Nastavení",
-  "Unmute microphone": "Zapnout mikrofon",
+    "username": "Uživatelské jméno"
-  "Turn on camera": "Zapnout kameru",
+  },
-  "Turn off camera": "Vypnout kameru",
+  "exit_fullscreen_button_label": "Ukončit režim celé obrazovky",
-  "This call already exists, would you like to join?": "Tento hovor již existuje, chcete se připojit?",
+  "full_screen_view_description": "<0>Odeslání ladících záznamů nám pomůže diagnostikovat problém.</0>",
-  "Thanks! We'll get right on it.": "Děkujeme! Hned se na to vrhneme.",
+  "full_screen_view_h1": "<0>Oops, něco se pokazilo.</0>",
-  "Take me Home": "Domovská obrazovka",
+  "fullscreen_button_label": "Zvětšit na celou obrazovku",
-  "Submitting feedback…": "Odesílání zpětné vazby…",
+  "header_label": "Domov Element Call",
-  "Submit feedback": "Dát feedback",
+  "join_existing_call_modal": {
-  "Stop sharing screen": "Zastavit sdílení obrazovek",
+    "join_button": "Ano, připojit se",
-  "Speaker {{n}}": "Reproduktor {{n}}",
+    "text": "Tento hovor již existuje, chcete se připojit?",
-  "Speaker": "Reproduktor",
+    "title": "Připojit se k existujícimu hovoru?"
-  "Spatial audio": "Prostorový zvuk",
+  },
-  "Sign out": "Odhlásit se",
+  "layout_spotlight_label": "Soustředěný mód",
-  "Sign in": "Přihlásit se",
+  "lobby": {
-  "Show call inspector": "Zobrazit inspektor hovoru",
+    "join_button": "Připojit se k hovoru"
-  "Share screen": "Sdílet obrazovku",
+  },
-  "Settings": "Nastavení",
+  "local_volume_label": "Lokální hlasitost",
-  "Sending…": "Posílání…",
+  "logging_in": "Přihlašování se…",
-  "Sending debug logs…": "Posílání ladícího záznamu…",
+  "login_auth_links": "<0>Vytvořit účet</0> Or <2>Jako host</2>",
-  "Send debug logs": "Poslat ladící záznam",
+  "login_title": "Přihlášení",
-  "Select an option": "Vyberte možnost",
+  "rageshake_request_modal": {
-  "Saving…": "Ukládání…",
+    "body": "Jiný uživatel v tomto hovoru má problémy. Abychom mohli diagnostikovat problém, rádi bychom shromáždili protokoly ladění.",
-  "Save": "Uložit",
+    "title": "Žádost o protokoly ladění"
-  "Return to home screen": "Vrátit se na domácí obrazovku",
+  },
-  "Remove": "Odstranit",
+  "rageshake_send_logs": "Poslat ladící záznam",
-  "Registering…": "Registrování…",
+  "rageshake_sending": "Posílání…",
-  "Register": "Registrace",
+  "rageshake_sending_logs": "Posílání ladícího záznamu…",
-  "Profile": "Profil",
+  "recaptcha_dismissed": "Recaptcha byla zamítnuta",
-  "Press and hold to talk": "Stiskněte a držte pro mluvení",
+  "recaptcha_not_loaded": "Recaptcha se nenačetla",
-  "Press and hold spacebar to talk": "Stiskněte a držte mezerník pro mluvení",
+  "register": {
-  "Passwords must match": "Hesla se musí shodovat",
+    "passwords_must_match": "Hesla se musí shodovat",
-  "Password": "Heslo",
+    "registering": "Registrování…"
-  "Not now, return to home screen": "Teď ne, vrátit se na domovskou obrazovku",
+  },
-  "No": "Ne",
+  "register_auth_links": "<0>Už máte účet?</0><1><0>Přihlásit se</0> Or <2>Jako host</2></1>",
-  "Mute microphone": "Ztlumit mikrofon",
+  "register_confirm_password_label": "Potvrdit heslo",
-  "More": "Více",
+  "return_home_button": "Vrátit se na domácí obrazovku",
-  "Microphone permissions needed to join the call.": "Přístup k mikrofonu je nutný pro připojení se k hovoru.",
+  "room_auth_view_join_button": "Připojit se k hovoru",
-  "Microphone {{n}}": "Mikrofon {{n}}",
+  "screenshare_button_label": "Sdílet obrazovku",
-  "Microphone": "Mikrofon",
+  "select_input_unset_button": "Vyberte možnost",
-  "Login to your account": "Přihlásit se ke svůmu účtu",
+  "settings": {
-  "Login": "Přihlášení",
+    "developer_settings_label": "Vývojářské nastavení",
-  "Logging in…": "Přihlašování se…",
+    "developer_settings_label_description": "Zobrazit vývojářské nastavení.",
-  "Local volume": "Lokální hlasitost",
+    "developer_tab_title": "Vývojář",
-  "Loading…": "Načítání…",
+    "feedback_tab_h4": "Dát feedback",
-  "Loading room…": "Načítání místnosti…",
+    "feedback_tab_send_logs_label": "Zahrnout ladící záznamy",
-  "Leave": "Opustit hovor",
+    "more_tab_title": "Více",
-  "Join call now": "Připojit se k hovoru",
+    "speaker_device_selection_label": "Reproduktor"
-  "Join call": "Připojit se k hovoru",
+  },
-  "Invite people": "Pozvat lidi",
+  "unauthenticated_view_body": "Nejste registrovaní? <2>Vytvořit účet</2>",
-  "Invite": "Pozvat",
+  "unauthenticated_view_login_button": "Přihlásit se ke svému účtu",
-  "Inspector": "Insepktor",
+  "version": "Verze: {{version}}",
-  "Incompatible versions!": "Nekompatibilní verze!",
+  "waiting_for_participants": "Čekání na další účastníky…"
-  "Incompatible versions": "Nekompatibilní verze",
-  "{{name}} is talking…": "{{name}} mluví…",
-  "{{name}} is presenting": "{{name}} prezentuje",
-  "{{name}} (Connecting...)": "{{name}} (Připojení...)",
-  "{{displayName}}, your call is now ended": "{{displayName}}, váš hovor je nyní ukončen",
-  "{{count}} people connected|other": "{{count}} lidí připojeno",
-  "{{count}} people connected|one": "{{count}} lidí připojeno",
-  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Tato možnost způsobí, že zvuk účastníků hovoru se bude tvářit jako by přicházel z místa, kde jsou umístěni na obrazovce.(Experimentální možnost: může způsobit nestabilitu audia.)",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Tato stárnka je chráněna pomocí ReCAPTCHA a Google <2>zásad ochrany osobních údajů</2> a <6>podmínky služby</6> platí.<9></9>Kliknutím na \"Registrovat\", souhlasíte s <12>Pravidly a podmínkami</12>",
-  "Walkie-talkie call name": "Jméno vysílačkového hovoru",
-  "Walkie-talkie call": "Vysílačkový hovor",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Vysílačkový hovor",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "Talking…": "Mluvení…",
-  "Talk over speaker": "Mluvit přes mluvčího",
-  "Spotlight": "Soustředěný mód",
-  "Release to stop": "Pusťte pro ukončení",
-  "Release spacebar key to stop": "Pusťte mezerník pro ukončení",
-  "Recaptcha not loaded": "Recaptcha se nenačetla",
-  "Recaptcha dismissed": "Recaptcha byla zamítnuta",
-  "Press and hold to talk over {{name}}": "Zmáčkněte a držte, abyste mluvili přes {{name}}",
-  "Press and hold spacebar to talk over {{name}}": "Zmáčkněte a držte mezerník, abyste mluvili přes {{name}}",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Ostatní uživatelé se pokoušejí připojit k tomuto hovoru s nekompatibilních verzí. Tito uživatelé by se měli ujistit, že stránku načetli znovu:<1>{userLis}</1>",
-  "Not registered yet? <2>Create an account</2>": "Nejste registrovaní? <2>Vytvořit účet</2>",
-  "More menu": "Další možnosti",
-  "Join existing call?": "Připojit se k existujícimu hovoru?",
-  "Include debug logs": "Zahrnout ladící záznamy",
-  "Home": "Domov",
-  "Having trouble? Help us fix it.": "Máte problémy? Pomozte nám je spravit.",
-  "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",
-  "Description (optional)": "Popis (nepovinný)",
-  "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>"
 }

public/locales/de/app.json

@@ -1,143 +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.",
-  "Description (optional)": "Beschreibung (optional)",
+  "browser_media_e2ee_unsupported": "Dein Webbrowser unterstützt keine Medien-Ende-zu-Ende-Verschlüsselung. Unterstützte Browser sind Chrome, Safari, Firefox >=117",
-  "Details": "Details",
+  "browser_media_e2ee_unsupported_heading": "Inkompatibler Browser",
-  "Developer": "Entwickler",
+  "call_ended_view": {
-  "Display name": "Anzeigename",
+    "body": "Deine Verbindung wurde getrennt",
-  "Download debug logs": "Debug-Protokolle herunterladen",
+    "create_account_button": "Konto erstellen",
-  "Exit full screen": "Vollbildmodus verlassen",
+    "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>",
-  "Freedom": "Freiraum",
+    "feedback_done": "<0>Danke für deine Rückmeldung!</0>",
-  "Full screen": "Vollbild",
+    "feedback_prompt": "<0>Wir würden uns freuen, deine Rückmeldung zu hören, um deine Erfahrung verbessern zu können.</0>",
-  "Go": "Los geht’s",
+    "headline": "{{displayName}}, dein Anruf wurde beendet.",
-  "Grid layout menu": "Grid-Layout-Menü",
+    "not_now_button": "Nicht jetzt, zurück zur Startseite",
-  "Having trouble? Help us fix it.": "Du hast ein Problem? Hilf uns, es zu beheben.",
+    "reconnect_button": "Erneut verbinden",
-  "Home": "Startseite",
+    "survey_prompt": "Wie ist es gelaufen?"
-  "Include debug logs": "Debug-Protokolle einschließen",
+  },
-  "Incompatible versions": "Inkompatible Versionen",
+  "call_name": "Name des Anrufs",
-  "Incompatible versions!": "Inkompatible Versionen!",
+  "common": {
-  "Inspector": "Inspektor",
+    "audio": "Audio",
-  "Invite": "Einladen",
+    "avatar": "Profilbild",
-  "Invite people": "Personen einladen",
+    "camera": "Kamera",
-  "Join call": "Anruf beitreten",
+    "copied": "Kopiert!",
-  "Join call now": "Anruf beitreten",
+    "display_name": "Anzeigename",
-  "Join existing call?": "An bestehendem Anruf teilnehmen?",
+    "encrypted": "Verschlüsselt",
-  "Leave": "Verlassen",
+    "error": "Fehler",
-  "Loading room…": "Lade Raum …",
+    "home": "Startseite",
-  "Loading…": "Lade …",
+    "loading": "Lade …",
-  "Local volume": "Lokale Lautstärke",
+    "microphone": "Mikrofon",
-  "Logging in…": "Anmelden …",
+    "password": "Passwort",
-  "Login": "Anmelden",
+    "profile": "Profil",
-  "Login to your account": "Melde dich mit deinem Konto an",
+    "settings": "Einstellungen",
-  "Microphone": "Mikrofon",
+    "unencrypted": "Nicht verschlüsselt",
-  "Microphone permissions needed to join the call.": "Mikrofon-Berechtigung ist erforderlich, um dem Anruf beizutreten.",
+    "username": "Benutzername",
-  "Microphone {{n}}": "Mikrofon {{n}}",
+    "video": "Video"
-  "More": "Mehr",
+  },
-  "More menu": "Weiteres Menü",
+  "disconnected_banner": "Die Verbindung zum Server wurde getrennt.",
-  "Mute microphone": "Mikrofon stummschalten",
+  "exit_fullscreen_button_label": "Vollbildmodus verlassen",
-  "No": "Nein",
+  "full_screen_view_description": "<0>Übermittelte Problemberichte helfen uns, Fehler zu beheben.</0>",
-  "Not now, return to home screen": "Nicht jetzt, zurück zum Startbildschirm",
+  "full_screen_view_h1": "<0>Hoppla, etwas ist schiefgelaufen.</0>",
-  "Not registered yet? <2>Create an account</2>": "Noch nicht registriert? <2>Konto erstellen</2>",
+  "fullscreen_button_label": "Vollbild",
-  "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>",
+  "group_call_loader_failed_heading": "Anruf nicht gefunden",
-  "Password": "Passwort",
+  "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.",
-  "Passwords must match": "Passwörter müssen übereinstimmen",
+  "hangup_button_label": "Anruf beenden",
-  "Press and hold spacebar to talk": "Halte zum Sprechen die Leertaste gedrückt",
+  "header_label": "Element Call-Startseite",
-  "Press and hold spacebar to talk over {{name}}": "Zum Verdrängen von {{name}} und Sprechen die Leertaste gedrückt halten",
+  "header_participants_label": "Teilnehmende",
-  "Press and hold to talk": "Zum Sprechen gedrückt halten",
+  "invite_modal": {
-  "Press and hold to talk over {{name}}": "Zum Verdrängen von {{name}} und Sprechen gedrückt halten",
+    "link_copied_toast": "Link in Zwischenablage kopiert",
-  "Profile": "Profil",
+    "title": "Zu diesem Anruf einladen"
-  "Recaptcha dismissed": "Recaptcha abgelehnt",
+  },
-  "Recaptcha not loaded": "Recaptcha nicht geladen",
+  "join_existing_call_modal": {
-  "Register": "Registrieren",
+    "join_button": "Ja, Anruf beitreten",
-  "Registering…": "Registrierung …",
+    "text": "Dieser Aufruf existiert bereits, möchtest Du teilnehmen?",
-  "Release spacebar key to stop": "Leertaste loslassen, um zu stoppen",
+    "title": "An bestehendem Anruf teilnehmen?"
-  "Release to stop": "Loslassen zum Stoppen",
+  },
-  "Remove": "Entfernen",
+  "layout_grid_label": "Raster",
-  "Return to home screen": "Zurück zum Startbildschirm",
+  "layout_spotlight_label": "Rampenlicht",
-  "Save": "Speichern",
+  "lobby": {
-  "Saving…": "Speichere …",
+    "join_button": "Anruf beitreten",
-  "Select an option": "Wähle eine Option",
+    "leave_button": "Zurück zu kürzlichen Anrufen"
-  "Send debug logs": "Debug-Logs senden",
+  },
-  "Sending…": "Senden …",
+  "local_volume_label": "Lokale Lautstärke",
-  "Settings": "Einstellungen",
+  "log_in": "Anmelden",
-  "Share screen": "Bildschirm teilen",
+  "logging_in": "Anmelden …",
-  "Show call inspector": "Anrufinspektor anzeigen",
+  "login_auth_links": "<0>Konto erstellen</0> Oder <2>Als Gast betreten</2>",
-  "Sign in": "Anmelden",
+  "login_auth_links_prompt": "Noch nicht registriert?",
-  "Sign out": "Abmelden",
+  "login_subheading": "Weiter zu Element",
-  "Spatial audio": "Räumliche Audiowiedergabe",
+  "login_title": "Anmelden",
-  "Speaker": "Wiedergabegerät",
+  "microphone_off": "Mikrofon aus",
-  "Speaker {{n}}": "Wiedergabegerät {{n}}",
+  "microphone_on": "Mikrofon an",
-  "Spotlight": "Rampenlicht",
+  "mute_microphone_button_label": "Mikrofon deaktivieren",
-  "Stop sharing screen": "Beenden der Bildschirmfreigabe",
+  "rageshake_button_error_caption": "Protokolle erneut senden",
-  "Submit feedback": "Rückmeldung geben",
+  "rageshake_request_modal": {
-  "Submitting feedback…": "Sende Rückmeldung …",
+    "body": "Ein anderer Benutzer dieses Anrufs hat ein Problem. Um es besser diagnostizieren zu können, würden wir gerne ein Debug-Protokoll erstellen.",
-  "Take me Home": "Zurück zur Startseite",
+    "title": "Debug-Log Anfrage"
-  "Talk over speaker": "Aktiven Sprecher verdrängen und sprechen",
+  },
-  "Talking…": "Sprechen …",
+  "rageshake_send_logs": "Debug-Logs senden",
-  "Thanks! We'll get right on it.": "Vielen Dank! Wir werden uns sofort darum kümmern.",
+  "rageshake_sending": "Senden …",
-  "This call already exists, would you like to join?": "Dieser Aufruf existiert bereits, möchtest Du teilnehmen?",
+  "rageshake_sending_logs": "Sende Debug-Protokolle …",
-  "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_sent": "Danke!",
-  "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.)",
+  "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>",
-  "Turn off camera": "Kamera ausschalten",
+  "recaptcha_dismissed": "Recaptcha abgelehnt",
-  "Turn on camera": "Kamera einschalten",
+  "recaptcha_not_loaded": "Recaptcha nicht geladen",
-  "Unmute microphone": "Mikrofon aktivieren",
+  "register": {
-  "User ID": "Benutzer-ID",
+    "passwords_must_match": "Passwörter müssen übereinstimmen",
-  "User menu": "Benutzermenü",
+    "registering": "Registrierung …"
-  "Username": "Benutzername",
+  },
-  "Version: {{version}}": "Version: {{version}}",
+  "register_auth_links": "<0>Du hast bereits ein Konto?</0><1><0>Anmelden</0> Oder <2>Als Gast betreten</2></1>",
-  "Video": "Video",
+  "register_confirm_password_label": "Passwort bestätigen",
-  "Video call": "Videoanruf",
+  "return_home_button": "Zurück zur Startseite",
-  "Video call name": "Name des Videoanrufs",
+  "room_auth_view_eula_caption": "Mit einem Klick auf „Anruf beitreten“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
-  "Waiting for network": "Warte auf Netzwerk",
+  "room_auth_view_join_button": "Anruf beitreten",
-  "Waiting for other participants…": "Warte auf weitere Teilnehmer …",
+  "screenshare_button_label": "Bildschirm teilen",
-  "Walkie-talkie call": "Walkie-Talkie-Anruf",
+  "select_input_unset_button": "Wähle eine Option",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC wird in diesem Browser nicht unterstützt oder ist blockiert.",
+  "settings": {
-  "Yes, join call": "Ja, Anruf beitreten",
+    "developer_settings_label": "Entwicklereinstellungen",
-  "You can't talk at the same time": "Du kannst nicht gleichzeitig sprechen",
+    "developer_settings_label_description": "Zeige die Entwicklereinstellungen im Einstellungsfenster.",
-  "Your recent calls": "Deine letzten Anrufe",
+    "developer_tab_title": "Entwickler",
-  "{{count}} people connected|one": "{{count}} Person verbunden",
+    "feedback_tab_body": "Falls du auf Probleme stößt oder einfach nur eine Rückmeldung geben möchtest, sende uns bitte eine kurze Beschreibung.",
-  "{{count}} people connected|other": "{{count}} Personen verbunden",
+    "feedback_tab_description_label": "Deine Rückmeldung",
-  "{{displayName}}, your call is now ended": "{{displayName}}, dein Anruf wurde beendet",
+    "feedback_tab_h4": "Rückmeldung geben",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "feedback_tab_send_logs_label": "Debug-Protokolle einschließen",
-  "{{name}} is presenting": "{{name}} präsentiert",
+    "feedback_tab_thank_you": "Danke, wir haben deine Rückmeldung erhalten!",
-  "{{name}} is talking…": "{{name}} spricht …",
+    "feedback_tab_title": "Rückmeldung",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} – Walkie-Talkie-Anruf",
+    "more_tab_title": "Mehr",
-  "Fetching group call timed out.": "Zeitüberschreitung beim Abrufen des Gruppenanrufs.",
+    "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.",
-  "Walkie-talkie call name": "Name des Walkie-Talkie-Anrufs",
+    "show_connection_stats_label": "Verbindungsstatistiken zeigen",
-  "Sending debug logs…": "Sende Debug-Protokolle …",
+    "speaker_device_selection_label": "Wiedergabegerät"
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Anruf beitreten</0><1>Oder</1><2>Anruflink kopieren und später beitreten</2>",
+  },
-  "{{name}} (Connecting...)": "{{name}} (verbindet sich …)",
+  "star_rating_input_label_one": "{{count}} Stern",
-  "Copy": "Kopieren",
+  "star_rating_input_label_other": "{{count}} Sterne",
-  "Element Call Home": "Element Call-Startseite",
+  "start_new_call": "Neuen Anruf beginnen",
-  "{{name}} (Waiting for video...)": "{{name}} (Warte auf Video …)",
+  "start_video_button_label": "Video aktivieren",
-  "This feature is only supported on Firefox.": "Diese Funktion wird nur in Firefox unterstützt.",
+  "stop_screenshare_button_label": "Bildschirm wird geteilt",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Übermittelte Problemberichte helfen uns, Fehler zu beheben.</0>",
+  "stop_video_button_label": "Video deaktivieren",
-  "<0>Oops, something's gone wrong.</0>": "<0>Hoppla, etwas ist schiefgelaufen.</0>",
+  "submitting": "Sende …",
-  "Use the upcoming grid system": "Nutze das kommende Rastersystem",
+  "unauthenticated_view_body": "Noch nicht registriert? <2>Konto erstellen</2>",
-  "Expose developer settings in the settings window.": "Zeige die Entwicklereinstellungen im Einstellungsfenster.",
+  "unauthenticated_view_eula_caption": "Mit einem Klick auf „Los geht’s“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
-  "Developer Settings": "Entwicklereinstellungen",
+  "unauthenticated_view_login_button": "Melde dich mit deinem Konto an",
-  "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>.",
+  "unmute_microphone_button_label": "Mikrofon aktivieren",
-  "<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."
+  "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,101 +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": "Αφαίρεση",
-  "Saving…": "Αποθήκευση…",
+    "sign_in": "Σύνδεση",
-  "Remove": "Αφαίρεση",
+    "sign_out": "Αποσύνδεση",
-  "Registering…": "Εγγραφή…",
+    "submit": "Υποβολή"
-  "Press and hold to talk": "Πατήστε παρατεταμένα για να μιλήσετε",
+  },
-  "Not registered yet? <2>Create an account</2>": "Δεν έχετε εγγραφεί ακόμα; <2>Δημιουργήστε λογαριασμό</2>",
+  "analytics_notice": "Συμμετέχοντας σε αυτή τη δοκιμαστική έκδοση, συναινείτε στη συλλογή ανώνυμων δεδομένων, τα οποία χρησιμοποιούμε για τη βελτίωση του προϊόντος. Μπορείτε να βρείτε περισσότερες πληροφορίες σχετικά με το ποια δεδομένα καταγράφουμε στην <2>Πολιτική απορρήτου</2> και στην <5>Πολιτική cookies</5>.",
-  "Login to your account": "Συνδεθείτε στο λογαριασμό σας",
+  "call_ended_view": {
-  "Logging in…": "Σύνδεση…",
+    "create_account_button": "Δημιουργία λογαριασμού",
-  "Invite people": "Προσκαλέστε άτομα",
+    "create_account_prompt": "<0>Γιατί να μην ολοκληρώσετε με τη δημιουργία ενός κωδικού πρόσβασης για τη διατήρηση του λογαριασμού σας;</0><1>Θα μπορείτε να διατηρήσετε το όνομά σας και να ορίσετε ένα avatar για χρήση σε μελλοντικές κλήσεις.</1>",
-  "Invite": "Πρόσκληση",
+    "feedback_done": "<0>Ευχαριστώ για τα σχόλιά σας!</0>",
-  "Inspector": "Επιθεωρητής",
+    "feedback_prompt": "<0>Θα θέλαμε να ακούσουμε τα σχόλιά σας ώστε να βελτιώσουμε την εμπειρία σας.</0>",
-  "Incompatible versions!": "Μη συμβατές εκδόσεις!",
+    "headline": "{{displayName}}, η κλήση σας τερματίστηκε.",
-  "Incompatible versions": "Μη συμβατές εκδόσεις",
+    "not_now_button": "Όχι τώρα, επιστροφή στην αρχική οθόνη",
-  "Display name": "Εμφανιζόμενο όνομα",
+    "survey_prompt": "Πώς σας φάνηκε;"
-  "Developer Settings": "Ρυθμίσεις προγραμματιστή",
+  },
-  "Debug log request": "Αίτημα αρχείου καταγραφής",
+  "common": {
-  "Call link copied": "Ο σύνδεσμος κλήσης αντιγράφηκε",
+    "audio": "Ήχος",
-  "Avatar": "Avatar",
+    "camera": "Κάμερα",
-  "Accept microphone permissions to join the call.": "Αποδεχτείτε τα δικαιώματα μικροφώνου για να συμμετάσχετε στην κλήση.",
+    "copied": "Αντιγράφηκε!",
-  "Accept camera/microphone permissions to join the call.": "Αποδεχτείτε τα δικαιώματα κάμερας/μικροφώνου για να συμμετάσχετε στην κλήση.",
+    "display_name": "Εμφανιζόμενο όνομα",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ωχ, κάτι πήγε στραβά.</0>",
+    "home": "Αρχική",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Δημιουργήστε λογαριασμό</0> Ή <2>Συμμετέχετε ως επισκέπτης</2>",
+    "loading": "Φόρτωση…",
-  "<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>",
+    "microphone": "Μικρόφωνο",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Κλήση walkie-talkie",
+    "password": "Κωδικός",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "profile": "Προφίλ",
-  "Your recent calls": "Οι πρόσφατες κλήσεις σας",
+    "settings": "Ρυθμίσεις",
-  "Yes, join call": "Ναι, συμμετοχή στην κλήση",
+    "username": "Όνομα χρήστη",
-  "WebRTC is not supported or is being blocked in this browser.": "Το WebRTC δεν υποστηρίζεται ή έχει αποκλειστεί σε αυτό το πρόγραμμα περιήγησης.",
+    "video": "Βίντεο"
-  "Walkie-talkie call name": "Όνομα κλήσης walkie-talkie",
+  },
-  "Walkie-talkie call": "Κλήση walkie-talkie",
+  "exit_fullscreen_button_label": "Έξοδος από πλήρη οθόνη",
-  "Waiting for other participants…": "Αναμονή για άλλους συμμετέχοντες…",
+  "full_screen_view_description": "<0>Η υποβολή αρχείων καταγραφής σφαλμάτων θα μας βοηθήσει να εντοπίσουμε το πρόβλημα.</0>",
-  "Waiting for network": "Αναμονή για δίκτυο",
+  "full_screen_view_h1": "<0>Ωχ, κάτι πήγε στραβά.</0>",
-  "Video call name": "Όνομα βίντεο κλήσης",
+  "fullscreen_button_label": "Πλήρη οθόνη",
-  "Video call": "Βίντεο κλήση",
+  "header_label": "Element Κεντρική Οθόνη Κλήσεων",
-  "Video": "Βίντεο",
+  "join_existing_call_modal": {
-  "Username": "Όνομα χρήστη",
+    "join_button": "Ναι, συμμετοχή στην κλήση",
-  "Turn on camera": "Ενεργοποιήστε την κάμερα",
+    "text": "Αυτή η κλήση υπάρχει ήδη, θα θέλατε να συμμετάσχετε;",
-  "Turn off camera": "Απενεργοποιήστε την κάμερα",
+    "title": "Συμμετοχή στην υπάρχουσα κλήση;"
-  "This feature is only supported on Firefox.": "Αυτή η δυνατότητα υποστηρίζεται μόνο στον Firefox.",
+  },
-  "This call already exists, would you like to join?": "Αυτή η κλήση υπάρχει ήδη, θα θέλατε να συμμετάσχετε;",
+  "lobby": {
-  "Speaker": "Ηχείο",
+    "join_button": "Συμμετοχή στην κλήση"
-  "Spatial audio": "Χωρικός ήχος",
+  },
-  "Sign out": "Αποσύνδεση",
+  "local_volume_label": "Τοπική ένταση",
-  "Settings": "Ρυθμίσεις",
+  "logging_in": "Σύνδεση…",
-  "Save": "Αποθήκευση",
+  "login_auth_links": "<0>Δημιουργήστε λογαριασμό</0> Ή <2>Συμμετέχετε ως επισκέπτης</2>",
-  "Return to home screen": "Επιστροφή στην αρχική οθόνη",
+  "login_title": "Σύνδεση",
-  "Register": "Εγγραφή",
+  "rageshake_request_modal": {
-  "Profile": "Προφίλ",
+    "body": "Ένας άλλος χρήστης σε αυτή την κλήση έχει ένα πρόβλημα. Για την καλύτερη διάγνωση αυτών των προβλημάτων θα θέλαμε να συλλέξουμε ένα αρχείο καταγραφής σφαλμάτων.",
-  "Press and hold spacebar to talk": "Για να μιλήσετε κρατήστε πατημένο το πλήκτρο διαστήματος",
+    "title": "Αίτημα αρχείου καταγραφής"
-  "Passwords must match": "Οι κωδικοί πρέπει να ταιριάζουν",
+  },
-  "Password": "Κωδικός",
+  "rageshake_send_logs": "Αποστολή αρχείων καταγραφής",
-  "Not now, return to home screen": "Όχι τώρα, επιστροφή στην αρχική οθόνη",
+  "rageshake_sending": "Αποστολή…",
-  "No": "Όχι",
+  "rageshake_sending_logs": "Αποστολή αρχείων καταγραφής…",
-  "Mute microphone": "Σίγαση μικροφώνου",
+  "recaptcha_dismissed": "Το recaptcha απορρίφθηκε",
-  "More menu": "Μενού περισσότερα",
+  "recaptcha_not_loaded": "Το Recaptcha δεν φορτώθηκε",
-  "More": "Περισσότερα",
+  "register": {
-  "Microphone permissions needed to join the call.": "Απαιτούνται δικαιώματα μικροφώνου για συμμετοχή στην κλήση.",
+    "passwords_must_match": "Οι κωδικοί πρέπει να ταιριάζουν",
-  "Microphone {{n}}": "Μικρόφωνο {{n}}",
+    "registering": "Εγγραφή…"
-  "Microphone": "Μικρόφωνο",
+  },
-  "Login": "Σύνδεση",
+  "register_auth_links": "<0>Έχετε ήδη λογαριασμό;</0><1><0>Συνδεθείτε</0> Ή <2>Συμμετέχετε ως επισκέπτης</2></1>",
-  "Loading…": "Φόρτωση…",
+  "register_confirm_password_label": "Επιβεβαίωση κωδικού",
-  "Loading room…": "Φόρτωση δωματίου…",
+  "return_home_button": "Επιστροφή στην αρχική οθόνη",
-  "Leave": "Αποχώρηση",
+  "room_auth_view_join_button": "Συμμετοχή στην κλήση τώρα",
-  "Join existing call?": "Συμμετοχή στην υπάρχουσα κλήση;",
+  "screenshare_button_label": "Κοινή χρήση οθόνης",
-  "Join call now": "Συμμετοχή στην κλήση τώρα",
+  "select_input_unset_button": "Επιλέξτε μια επιλογή",
-  "Join call": "Συμμετοχή στην κλήση",
+  "settings": {
-  "Go": "Μετάβαση",
+    "developer_settings_label": "Ρυθμίσεις προγραμματιστή",
-  "Full screen": "Πλήρη οθόνη",
+    "developer_settings_label_description": "Εμφάνιση ρυθμίσεων προγραμματιστή στο παράθυρο ρυθμίσεων.",
-  "Exit full screen": "Έξοδος από πλήρη οθόνη",
+    "developer_tab_title": "Προγραμματιστής",
-  "Details": "Λεπτομέρειες",
+    "feedback_tab_body": "Εάν αντιμετωπίζετε προβλήματα ή απλά θέλετε να μας δώσετε κάποια σχόλια, παρακαλούμε στείλτε μας μια σύντομη περιγραφή παρακάτω.",
-  "Description (optional)": "Περιγραφή (προαιρετική)",
+    "feedback_tab_description_label": "Τα σχόλιά σας",
-  "Create account": "Δημιουργία λογαριασμού",
+    "feedback_tab_h4": "Υποβάλετε σχόλια",
-  "Copy and share this call link": "Αντιγράψτε και μοιραστείτε αυτόν τον σύνδεσμο κλήσης",
+    "feedback_tab_send_logs_label": "Να συμπεριληφθούν αρχεία καταγραφής",
-  "Copy": "Αντιγραφή",
+    "feedback_tab_thank_you": "Ευχαριστούμε, λάβαμε τα σχόλιά σας!",
-  "Copied!": "Αντιγράφηκε!",
+    "feedback_tab_title": "Ανατροφοδότηση",
-  "Connection lost": "Η σύνδεση χάθηκε",
+    "more_tab_title": "Περισσότερα",
-  "Confirm password": "Επιβεβαίωση κωδικού",
+    "opt_in_description": "<0></0><1></1>Μπορείτε να ανακαλέσετε τη συγκατάθεσή σας αποεπιλέγοντας αυτό το πλαίσιο. Εάν βρίσκεστε σε κλήση, η ρύθμιση αυτή θα τεθεί σε ισχύ στο τέλος της.",
-  "Close": "Κλείσιμο",
+    "show_connection_stats_label": "Εμφάνιση στατιστικών σύνδεσης",
-  "Change layout": "Αλλαγή διάταξης",
+    "speaker_device_selection_label": "Ηχείο"
-  "Camera/microphone permissions needed to join the call.": "Απαιτούνται δικαιώματα κάμερας/μικροφώνου για να συμμετάσχετε στην κλήση.",
+  },
-  "Camera {{n}}": "Κάμερα {{n}}",
+  "star_rating_input_label_one": "{{count}} αστέρι",
-  "Camera": "Κάμερα",
+  "star_rating_input_label_other": "{{count}} αστέρια",
-  "Audio": "Ήχος",
+  "submitting": "Υποβολή…",
-  "{{name}} is talking…": "{{name}} ομιλεί…",
+  "unauthenticated_view_body": "Δεν έχετε εγγραφεί ακόμα; <2>Δημιουργήστε λογαριασμό</2>",
-  "{{name}} is presenting": "{{name}} παρουσιάζει",
+  "unauthenticated_view_login_button": "Συνδεθείτε στον λογαριασμό σας",
-  "{{name}} (Waiting for video...)": "{{name}} (Αναμονή για βίντεο...)",
+  "version": "Έκδοση: {{version}}",
-  "{{name}} (Connecting...)": "{{name}} (Συνδέεται...)",
+  "video_tile": {
-  "{{displayName}}, your call is now ended": "{{displayName}}, η κλήση σας τερματίστηκε",
+    "presenter_label": "{{displayName}} παρουσιάζει"
-  "{{count}} people connected|other": "{{count}} άτομα συνδεδεμένα",
+  },
-  "{{count}} people connected|one": "{{count}} άτομο συνδεδεμένο"
+  "waiting_for_participants": "Αναμονή για άλλους συμμετέχοντες…"
 }

public/locales/en-GB/app.json

@@ -1,143 +1,152 @@
 {
-  "{{count}} people connected|one": "{{count}} person connected",
+  "a11y": {
-  "{{count}} people connected|other": "{{count}} people connected",
+    "user_menu": "User menu"
-  "{{displayName}}, your call is now ended": "{{displayName}}, your call is now ended",
+  },
-  "{{name}} (Connecting...)": "{{name}} (Connecting...)",
+  "action": {
-  "{{name}} (Waiting for video...)": "{{name}} (Waiting for video...)",
+    "close": "Close",
-  "{{name}} is presenting": "{{name}} is presenting",
+    "copy": "Copy",
-  "{{name}} is talking…": "{{name}} is talking…",
+    "copy_link": "Copy link",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "go": "Go",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Walkie-talkie call",
+    "invite": "Invite",
-  "<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.",
+    "no": "No",
-  "<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>",
+    "register": "Register",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Create an account</0> Or <2>Access as a guest</2>",
+    "remove": "Remove",
-  "<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>",
+    "sign_in": "Sign in",
-  "<0>Oops, something's gone wrong.</0>": "<0>Oops, something's gone wrong.</0>",
+    "sign_out": "Sign out",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Submitting debug logs will help us track down the problem.</0>",
+    "submit": "Submit"
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>",
+  },
-  "Accept camera/microphone permissions to join the call.": "Accept camera/microphone permissions to join the call.",
+  "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>.",
-  "Accept microphone permissions to join the call.": "Accept microphone permissions to join the call.",
+  "app_selection_modal": {
-  "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.",
+    "continue_in_browser": "Continue in browser",
-  "Audio": "Audio",
+    "open_in_app": "Open in the app",
-  "Avatar": "Avatar",
+    "text": "Ready to join?",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "By clicking \"Go\", you agree to our <2>Terms and conditions</2>",
+    "title": "Select app"
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>",
+  },
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.",
+  "application_opened_another_tab": "This application has been opened in another tab.",
-  "Call link copied": "Call link copied",
+  "browser_media_e2ee_unsupported": "Your web browser does not support media end-to-end encryption. Supported Browsers are Chrome, Safari, Firefox >=117",
-  "Call type menu": "Call type menu",
+  "browser_media_e2ee_unsupported_heading": "Incompatible Browser",
-  "Camera": "Camera",
+  "call_ended_view": {
-  "Camera {{n}}": "Camera {{n}}",
+    "body": "You were disconnected from the call",
-  "Camera/microphone permissions needed to join the call.": "Camera/microphone permissions needed to join the call.",
+    "create_account_button": "Create account",
-  "Change layout": "Change layout",
+    "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>",
-  "Close": "Close",
+    "feedback_done": "<0>Thanks for your feedback!</0>",
-  "Confirm password": "Confirm password",
+    "feedback_prompt": "<0>We'd love to hear your feedback so we can improve your experience.</0>",
-  "Connection lost": "Connection lost",
+    "headline": "{{displayName}}, your call has ended.",
-  "Copied!": "Copied!",
+    "not_now_button": "Not now, return to home screen",
-  "Copy": "Copy",
+    "reconnect_button": "Reconnect",
-  "Copy and share this call link": "Copy and share this call link",
+    "survey_prompt": "How did it go?"
-  "Create account": "Create account",
+  },
-  "Debug log": "Debug log",
+  "call_name": "Name of call",
-  "Debug log request": "Debug log request",
+  "common": {
-  "Description (optional)": "Description (optional)",
+    "analytics": "Analytics",
-  "Details": "Details",
+    "audio": "Audio",
-  "Developer": "Developer",
+    "avatar": "Avatar",
-  "Developer Settings": "Developer Settings",
+    "camera": "Camera",
-  "Display name": "Display name",
+    "copied": "Copied!",
-  "Download debug logs": "Download debug logs",
+    "display_name": "Display name",
-  "Element Call Home": "Element Call Home",
+    "encrypted": "Encrypted",
-  "Exit full screen": "Exit full screen",
+    "error": "Error",
-  "Expose developer settings in the settings window.": "Expose developer settings in the settings window.",
+    "home": "Home",
-  "Fetching group call timed out.": "Fetching group call timed out.",
+    "loading": "Loading…",
-  "Freedom": "Freedom",
+    "microphone": "Microphone",
-  "Full screen": "Full screen",
+    "password": "Password",
-  "Go": "Go",
+    "profile": "Profile",
-  "Grid layout menu": "Grid layout menu",
+    "settings": "Settings",
-  "Having trouble? Help us fix it.": "Having trouble? Help us fix it.",
+    "unencrypted": "Not encrypted",
-  "Home": "Home",
+    "username": "Username",
-  "Include debug logs": "Include debug logs",
+    "video": "Video"
-  "Incompatible versions": "Incompatible versions",
+  },
-  "Incompatible versions!": "Incompatible versions!",
+  "disconnected_banner": "Connectivity to the server has been lost.",
-  "Inspector": "Inspector",
+  "exit_fullscreen_button_label": "Exit full screen",
-  "Invite": "Invite",
+  "full_screen_view_description": "<0>Submitting debug logs will help us track down the problem.</0>",
-  "Invite people": "Invite people",
+  "full_screen_view_h1": "<0>Oops, something's gone wrong.</0>",
-  "Join call": "Join call",
+  "fullscreen_button_label": "Full screen",
-  "Join call now": "Join call now",
+  "group_call_loader_failed_heading": "Call not found",
-  "Join existing call?": "Join existing call?",
+  "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.",
-  "Leave": "Leave",
+  "hangup_button_label": "End call",
-  "Loading room…": "Loading room…",
+  "header_label": "Element Call Home",
-  "Loading…": "Loading…",
+  "header_participants_label": "Participants",
-  "Local volume": "Local volume",
+  "invite_modal": {
-  "Logging in…": "Logging in…",
+    "link_copied_toast": "Link copied to clipboard",
-  "Login": "Login",
+    "title": "Invite to this call"
-  "Login to your account": "Login to your account",
+  },
-  "Microphone": "Microphone",
+  "join_existing_call_modal": {
-  "Microphone {{n}}": "Microphone {{n}}",
+    "join_button": "Yes, join call",
-  "Microphone permissions needed to join the call.": "Microphone permissions needed to join the call.",
+    "text": "This call already exists, would you like to join?",
-  "More": "More",
+    "title": "Join existing call?"
-  "More menu": "More menu",
+  },
-  "Mute microphone": "Mute microphone",
+  "layout_grid_label": "Grid",
-  "No": "No",
+  "layout_spotlight_label": "Spotlight",
-  "Not now, return to home screen": "Not now, return to home screen",
+  "lobby": {
-  "Not registered yet? <2>Create an account</2>": "Not registered yet? <2>Create an account</2>",
+    "join_button": "Join call",
-  "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>",
+    "leave_button": "Back to recents"
-  "Password": "Password",
+  },
-  "Passwords must match": "Passwords must match",
+  "local_volume_label": "Local volume",
-  "Press and hold spacebar to talk": "Press and hold spacebar to talk",
+  "log_in": "Log In",
-  "Press and hold spacebar to talk over {{name}}": "Press and hold spacebar to talk over {{name}}",
+  "logging_in": "Logging in…",
-  "Press and hold to talk": "Press and hold to talk",
+  "login_auth_links": "<0>Create an account</0> Or <2>Access as a guest</2>",
-  "Press and hold to talk over {{name}}": "Press and hold to talk over {{name}}",
+  "login_auth_links_prompt": "Not registered yet?",
-  "Profile": "Profile",
+  "login_subheading": "To continue to Element",
-  "Recaptcha dismissed": "Recaptcha dismissed",
+  "login_title": "Login",
-  "Recaptcha not loaded": "Recaptcha not loaded",
+  "microphone_off": "Microphone off",
-  "Register": "Register",
+  "microphone_on": "Microphone on",
-  "Registering…": "Registering…",
+  "mute_microphone_button_label": "Mute microphone",
-  "Release spacebar key to stop": "Release spacebar key to stop",
+  "participant_count_one": "{{count, number}}",
-  "Release to stop": "Release to stop",
+  "participant_count_other": "{{count, number}}",
-  "Remove": "Remove",
+  "rageshake_button_error_caption": "Retry sending logs",
-  "Return to home screen": "Return to home screen",
+  "rageshake_request_modal": {
-  "Save": "Save",
+    "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.",
-  "Saving…": "Saving…",
+    "title": "Debug log request"
-  "Select an option": "Select an option",
+  },
-  "Send debug logs": "Send debug logs",
+  "rageshake_send_logs": "Send debug logs",
-  "Sending debug logs…": "Sending debug logs…",
+  "rageshake_sending": "Sending…",
-  "Sending…": "Sending…",
+  "rageshake_sending_logs": "Sending debug logs…",
-  "Settings": "Settings",
+  "rageshake_sent": "Thanks!",
-  "Share screen": "Share screen",
+  "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>",
-  "Show call inspector": "Show call inspector",
+  "recaptcha_dismissed": "Recaptcha dismissed",
-  "Sign in": "Sign in",
+  "recaptcha_not_loaded": "Recaptcha not loaded",
-  "Sign out": "Sign out",
+  "register": {
-  "Spatial audio": "Spatial audio",
+    "passwords_must_match": "Passwords must match",
-  "Speaker": "Speaker",
+    "registering": "Registering…"
-  "Speaker {{n}}": "Speaker {{n}}",
+  },
-  "Spotlight": "Spotlight",
+  "register_auth_links": "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>",
-  "Stop sharing screen": "Stop sharing screen",
+  "register_confirm_password_label": "Confirm password",
-  "Submit feedback": "Submit feedback",
+  "register_heading": "Create your account",
-  "Submitting feedback…": "Submitting feedback…",
+  "return_home_button": "Return to home screen",
-  "Take me Home": "Take me Home",
+  "room_auth_view_eula_caption": "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>",
-  "Talk over speaker": "Talk over speaker",
+  "room_auth_view_join_button": "Join call now",
-  "Talking…": "Talking…",
+  "screenshare_button_label": "Share screen",
-  "Thanks! We'll get right on it.": "Thanks! We'll get right on it.",
+  "select_input_unset_button": "Select an option",
-  "This call already exists, would you like to join?": "This call already exists, would you like to join?",
+  "settings": {
-  "This feature is only supported on Firefox.": "This feature is only supported on Firefox.",
+    "developer_settings_label": "Developer Settings",
-  "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>",
+    "developer_settings_label_description": "Expose developer settings in the settings window.",
-  "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.)",
+    "developer_tab_title": "Developer",
-  "Turn off camera": "Turn off camera",
+    "feedback_tab_body": "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.",
-  "Turn on camera": "Turn on camera",
+    "feedback_tab_description_label": "Your feedback",
-  "Unmute microphone": "Unmute microphone",
+    "feedback_tab_h4": "Submit feedback",
-  "Use the upcoming grid system": "Use the upcoming grid system",
+    "feedback_tab_send_logs_label": "Include debug logs",
-  "User ID": "User ID",
+    "feedback_tab_thank_you": "Thanks, we received your feedback!",
-  "User menu": "User menu",
+    "feedback_tab_title": "Feedback",
-  "Username": "Username",
+    "more_tab_title": "More",
-  "Version: {{version}}": "Version: {{version}}",
+    "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.",
-  "Video": "Video",
+    "show_connection_stats_label": "Show connection stats",
-  "Video call": "Video call",
+    "speaker_device_selection_label": "Speaker"
-  "Video call name": "Video call name",
+  },
-  "Waiting for network": "Waiting for network",
+  "star_rating_input_label_one": "{{count}} stars",
-  "Waiting for other participants…": "Waiting for other participants…",
+  "star_rating_input_label_other": "{{count}} stars",
-  "Walkie-talkie call": "Walkie-talkie call",
+  "start_new_call": "Start new call",
-  "Walkie-talkie call name": "Walkie-talkie call name",
+  "start_video_button_label": "Start video",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC is not supported or is being blocked in this browser.",
+  "stop_screenshare_button_label": "Sharing screen",
-  "Yes, join call": "Yes, join call",
+  "stop_video_button_label": "Stop video",
-  "You can't talk at the same time": "You can't talk at the same time",
+  "submitting": "Submitting…",
-  "Your recent calls": "Your recent calls"
+  "unauthenticated_view_body": "Not registered yet? <2>Create an account</2>",
+  "unauthenticated_view_eula_caption": "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>",
+  "unauthenticated_view_login_button": "Login to your account",
+  "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,140 +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": {
-  "User ID": "ID de usuario",
+    "camera": "Cámara",
-  "Unmute microphone": "Desilenciar el micrófono",
+    "copied": "¡Copiado!",
-  "Turn on camera": "Encender la cámara",
+    "display_name": "Nombre a mostrar",
-  "Turn off camera": "Apagar la cámara",
+    "home": "Inicio",
-  "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.)",
+    "loading": "Cargando…",
-  "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>",
+    "microphone": "Micrófono",
-  "Thanks! We'll get right on it.": "¡Gracias! Nos encargaremos de ello.",
+    "password": "Contraseña",
-  "Talking…": "Hablando…",
+    "profile": "Perfil",
-  "Talk over speaker": "Hablar por encima",
+    "settings": "Ajustes",
-  "Take me Home": "Volver al inicio",
+    "username": "Nombre de usuario"
-  "Submitting feedback…": "Enviando comentarios…",
+  },
-  "Submit feedback": "Enviar comentarios",
+  "exit_fullscreen_button_label": "Salir de pantalla completa",
-  "Stop sharing screen": "Dejar de compartir pantalla",
+  "full_screen_view_description": "<0>Subir los registros de depuración nos ayudará a encontrar el problema.</0>",
-  "Spotlight": "Foco",
+  "full_screen_view_h1": "<0>Ups, algo ha salido mal.</0>",
-  "Speaker {{n}}": "Altavoz {{n}}",
+  "fullscreen_button_label": "Pantalla completa",
-  "Speaker": "Altavoz",
+  "header_label": "Inicio de Element Call",
-  "Spatial audio": "Audio espacial",
+  "join_existing_call_modal": {
-  "Sign out": "Cerrar sesión",
+    "join_button": "Si, unirse a la llamada",
-  "Sign in": "Iniciar sesión",
+    "text": "Esta llamada ya existe, ¿te gustaría unirte?",
-  "Show call inspector": "Mostrar inspector de llamada",
+    "title": "¿Unirse a llamada existente?"
-  "Share screen": "Compartir pantalla",
+  },
-  "Settings": "Ajustes",
+  "layout_spotlight_label": "Foco",
-  "Sending…": "Enviando…",
+  "lobby": {
-  "Sending debug logs…": "Enviando registros de depuración…",
+    "join_button": "Unirse a la llamada"
-  "Send debug logs": "Enviar registros de depuración",
+  },
-  "Select an option": "Selecciona una opción",
+  "local_volume_label": "Volumen local",
-  "Saving…": "Guardando…",
+  "logging_in": "Iniciando sesión…",
-  "Save": "Guardar",
+  "login_auth_links": "<0>Crear una cuenta</0> o <2>Acceder como invitado</2>",
-  "Return to home screen": "Volver a la pantalla de inicio",
+  "login_title": "Iniciar sesión",
-  "Remove": "Eliminar",
+  "rageshake_request_modal": {
-  "Release to stop": "Suelta para parar",
+    "body": "Otro usuario en esta llamada está teniendo problemas. Para diagnosticar estos problemas nos gustaría recopilar un registro de depuración.",
-  "Release spacebar key to stop": "Suelta la barra espaciadora para parar",
+    "title": "Petición de registros de depuración"
-  "Registering…": "Registrando…",
+  },
-  "Recaptcha not loaded": "No se ha cargado el Recaptcha",
+  "rageshake_send_logs": "Enviar registros de depuración",
-  "Recaptcha dismissed": "Recaptcha cancelado",
+  "rageshake_sending": "Enviando…",
-  "Profile": "Perfil",
+  "rageshake_sending_logs": "Enviando registros de depuración…",
-  "Press and hold to talk": "Mantén pulsado para hablar",
+  "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>",
-  "Press and hold spacebar to talk over {{name}}": "Mantén pulsada la barra espaciadora para hablar por encima de {{name}}",
+  "recaptcha_dismissed": "Recaptcha cancelado",
-  "Press and hold spacebar to talk": "Mantén pulsada la barra espaciadora para hablar",
+  "recaptcha_not_loaded": "No se ha cargado el Recaptcha",
-  "Passwords must match": "Las contraseñas deben coincidir",
+  "register": {
-  "Password": "Contraseña",
+    "passwords_must_match": "Las contraseñas deben coincidir",
-  "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>",
+    "registering": "Registrando…"
-  "Not now, return to home screen": "Ahora no, volver a la pantalla de inicio",
+  },
-  "No": "No",
+  "register_auth_links": "<0>¿Ya tienes una cuenta?</0><1><0>Iniciar sesión</0> o <2>Acceder como invitado</2></1>",
-  "Mute microphone": "Silenciar micrófono",
+  "register_confirm_password_label": "Confirmar contraseña",
-  "More menu": "Menú Más",
+  "return_home_button": "Volver a la pantalla de inicio",
-  "More": "Más",
+  "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>",
-  "Microphone permissions needed to join the call.": "Se necesitan permisos del micrófono para unirse a la llamada.",
+  "room_auth_view_join_button": "Unirse a la llamada ahora",
-  "Microphone {{n}}": "Micrófono {{n}}",
+  "screenshare_button_label": "Compartir pantalla",
-  "Microphone": "Micrófono",
+  "select_input_unset_button": "Selecciona una opción",
-  "Login": "Iniciar sesión",
+  "settings": {
-  "Logging in…": "Iniciando sesión…",
+    "developer_settings_label": "Ajustes de desarrollador",
-  "Local volume": "Volumen local",
+    "developer_settings_label_description": "Muestra los ajustes de desarrollador en la ventana de ajustes.",
-  "Loading…": "Cargando…",
+    "developer_tab_title": "Desarrollador",
-  "Loading room…": "Cargando sala…",
+    "feedback_tab_body": "Si tienes algún problema o simplemente quieres darnos tu opinión, por favor envíanos una breve descripción.",
-  "Leave": "Abandonar",
+    "feedback_tab_description_label": "Tus comentarios",
-  "Join existing call?": "¿Unirse a llamada existente?",
+    "feedback_tab_h4": "Enviar comentarios",
-  "Join call now": "Unirse a la llamada ahora",
+    "feedback_tab_send_logs_label": "Incluir registros de depuración",
-  "Join call": "Unirse a la llamada",
+    "feedback_tab_thank_you": "¡Gracias, hemos recibido tus comentarios!",
-  "Invite people": "Invitar a gente",
+    "feedback_tab_title": "Danos tu opinión",
-  "Invite": "Invitar",
+    "more_tab_title": "Más",
-  "Inspector": "Inspector",
+    "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.",
-  "Incompatible versions!": "¡Versiones incompatibles!",
+    "show_connection_stats_label": "Mostrar estadísticas de conexión",
-  "Incompatible versions": "Versiones incompatibles",
+    "speaker_device_selection_label": "Altavoz"
-  "Include debug logs": "Incluir registros de depuración",
+  },
-  "Home": "Inicio",
+  "star_rating_input_label_one": "{{count}} estrella",
-  "Having trouble? Help us fix it.": "¿Tienes problemas? Ayúdanos a resolverlos.",
+  "star_rating_input_label_other": "{{count}} estrellas",
-  "Grid layout menu": "Menú de distribución de cuadrícula",
+  "submitting": "Enviando…",
-  "Go": "Comenzar",
+  "unauthenticated_view_body": "¿No estás registrado todavía? <2>Crear una cuenta</2>",
-  "Full screen": "Pantalla completa",
+  "unauthenticated_view_eula_caption": "Al hacer clic en \"Comenzar\", aceptas nuestro <2>Contrato de Licencia de Usuario Final (CLUF)</2>",
-  "Freedom": "Libre",
+  "unauthenticated_view_login_button": "Iniciar sesión en tu cuenta",
-  "Fetching group call timed out.": "Se ha agotado el tiempo de espera para obtener la llamada grupal.",
+  "version": "Versión: {{version}}",
-  "Exit full screen": "Salir de pantalla completa",
+  "video_tile": {
-  "Download debug logs": "Descargar registros de depuración",
+    "presenter_label": "{{displayName}} está presentando"
-  "Display name": "Nombre a mostrar",
+  },
-  "Developer": "Desarrollador",
+  "waiting_for_participants": "Esperando a los otros participantes…"
-  "Details": "Detalles",
-  "Description (optional)": "Descripción (opcional)",
-  "Debug log request": "Petición de registros de depuración",
-  "Debug log": "Registro de depuración",
-  "Create account": "Crear cuenta",
-  "Copy and share this call link": "Copiar y compartir el enlace de la llamada",
-  "Copied!": "¡Copiado!",
-  "Connection lost": "Conexión perdida",
-  "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"
 }

public/locales/et/app.json

@@ -1,143 +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?",
-  "Having trouble? Help us fix it.": "Kas on probleeme? Aita meil asja parandada.",
+    "title": "Vali rakendus"
-  "Grid layout menu": "Ruudustikvaate menüü",
+  },
-  "Go": "Jätka",
+  "browser_media_e2ee_unsupported": "Sinu veebibrauser ei toeta meedia läbivat krüptimist. Toetatud brauserid on Chrome, Chromium, Safari ja Firefox >=117",
-  "Full screen": "Täisekraan",
+  "call_ended_view": {
-  "Freedom": "Vaba",
+    "body": "Sinu ühendus kõnega katkes",
-  "Fetching group call timed out.": "Grupikõne kättesaamine aegus.",
+    "create_account_button": "Loo konto",
-  "Exit full screen": "Välju täisekraanivaatest",
+    "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>",
-  "Download debug logs": "Lae alla veatuvastuslogid",
+    "feedback_done": "<0>Täname Sind tagasiside eest!</0>",
-  "Display name": "Kuvatav nimi",
+    "feedback_prompt": "<0>Meie rakenduse paremaks muutmiseks me hea meelega ootame Sinu arvamusi.</0>",
-  "Developer": "Arendaja",
+    "headline": "{{displayName}}, sinu kõne on lõppenud.",
-  "Details": "Täpsemalt",
+    "not_now_button": "Mitte praegu, mine tagasi avalehele",
-  "Description (optional)": "Kirjeldus (valikuline)",
+    "reconnect_button": "Ühenda uuesti",
-  "Debug log request": "Veaotsingulogi päring",
+    "survey_prompt": "Kuidas sujus?"
-  "Debug log": "Veaotsingulogi",
+  },
-  "Create account": "Loo konto",
+  "call_name": "Kõne nimi",
-  "Copy and share this call link": "Kopeeri ja jaga selle kõne linki",
+  "common": {
-  "Copied!": "Kopeeritud!",
+    "audio": "Heli",
-  "Connection lost": "Ühendus on katkenud",
+    "avatar": "Tunnuspilt",
-  "Confirm password": "Kinnita salasõna",
+    "camera": "Kaamera",
-  "Close": "Sulge",
+    "copied": "Kopeeritud!",
-  "Change layout": "Muuda paigutust",
+    "display_name": "Kuvatav nimi",
-  "Camera/microphone permissions needed to join the call.": "Kõnega liitumiseks vajalikud kaamera/mikrofoni kasutamise load.",
+    "encrypted": "Krüptitud",
-  "Camera {{n}}": "Kaamera {{n}}",
+    "home": "Avavaatesse",
-  "Camera": "Kaamera",
+    "loading": "Laadimine …",
-  "Call type menu": "Kõnetüübi valik",
+    "microphone": "Mikrofon",
-  "Call link copied": "Kõne link on kopeeritud",
+    "password": "Salasõna",
-  "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>",
+    "profile": "Profiil",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Klõpsides „Jätka“nõustud sa meie <2>kasutustingimustega</2>",
+    "settings": "Seadistused",
-  "Avatar": "Tunnuspilt",
+    "unencrypted": "Krüptimata",
-  "Audio": "Heli",
+    "username": "Kasutajanimi"
-  "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.",
+  },
-  "Press and hold spacebar to talk": "Rääkimiseks vajuta ja hoia all tühikuklahvi",
+  "disconnected_banner": "Võrguühendus serveriga on katkenud.",
-  "Passwords must match": "Salasõnad ei klapi",
+  "exit_fullscreen_button_label": "Välju täisekraanivaatest",
-  "Password": "Salasõna",
+  "full_screen_view_description": "<0>Kui saadad meile vealogid, siis on lihtsam vea põhjust otsida.</0>",
-  "Not registered yet? <2>Create an account</2>": "Pole veel registreerunud? <2>Loo kasutajakonto</2>",
+  "full_screen_view_h1": "<0>Ohoo, midagi on nüüd katki.</0>",
-  "Not now, return to home screen": "Mitte praegu, mine tagasi avalehele",
+  "fullscreen_button_label": "Täisekraan",
-  "No": "Ei",
+  "group_call_loader_failed_heading": "Kõnet ei leidu",
-  "Mute microphone": "Summuta mikrofon",
+  "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.",
-  "Your recent calls": "Hiljutised kõned",
+  "hangup_button_label": "Lõpeta kõne",
-  "You can't talk at the same time": "Üheaegselt ei saa rääkida",
+  "header_participants_label": "Osalejad",
-  "More menu": "Rohkem valikuid",
+  "invite_modal": {
-  "More": "Rohkem",
+    "link_copied_toast": "Link on kopeeritud lõikelauale",
-  "Microphone permissions needed to join the call.": "Kõnega liitumiseks on vaja lubada mikrofoni kasutamine.",
+    "title": "Kutsu liituma selle kõnaga"
-  "Microphone {{n}}": "Mikrofon {{n}}",
+  },
-  "Microphone": "Mikrofon",
+  "join_existing_call_modal": {
-  "Login to your account": "Logi oma kontosse sisse",
+    "join_button": "Jah, liitu kõnega",
-  "Login": "Sisselogimine",
+    "text": "See kõne on juba olemas, kas soovid liituda?",
-  "Logging in…": "Sisselogimine …",
+    "title": "Liitu juba käimasoleva kõnega?"
-  "Local volume": "Kohalik helitugevus",
+  },
-  "Loading…": "Laadimine …",
+  "layout_grid_label": "Ruudustik",
-  "Loading room…": "Ruumi laadimine …",
+  "layout_spotlight_label": "Rambivalgus",
-  "Leave": "Lahku",
+  "lobby": {
-  "Join existing call?": "Liitu juba käimasoleva kõnega?",
+    "join_button": "Kõnega liitumine",
-  "Join call now": "Kõnega liitumine",
+    "leave_button": "Tagasi hiljutiste kõnede juurde"
-  "Join call": "Kõnega liitumine",
+  },
-  "User ID": "Kasutajatunnus",
+  "local_volume_label": "Kohalik helitugevus",
-  "Turn on camera": "Lülita kaamera sisse",
+  "logging_in": "Sisselogimine …",
-  "Turn off camera": "Lülita kaamera välja",
+  "login_auth_links": "<0>Loo konto</0> Või <2>Sisene külalisena</2>",
-  "Submitting feedback…": "Tagasiside saatmine…",
+  "login_title": "Sisselogimine",
-  "Take me Home": "Mine avalehele",
+  "microphone_off": "Mikrofon ei tööta",
-  "Submit feedback": "Jaga tagasisidet",
+  "microphone_on": "Mikrofon töötab",
-  "Stop sharing screen": "Lõpeta ekraani jagamine",
+  "mute_microphone_button_label": "Summuta mikrofon",
-  "Spotlight": "Rambivalgus",
+  "rageshake_button_error_caption": "Proovi uuesti logisid saata",
-  "Speaker {{n}}": "Kõlar {{n}}",
+  "rageshake_request_modal": {
-  "Speaker": "Kõlar",
+    "body": "Ühel teisel selles kõnes osalejal on lahenduse kasutamisel tekkinud probleem ning selle põhjuse leidmiseks me sooviksime koguda silumislogisid.",
-  "Spatial audio": "Ruumiline heli",
+    "title": "Veaotsingulogi päring"
-  "Sign out": "Logi välja",
+  },
-  "Sign in": "Logi sisse",
+  "rageshake_send_logs": "Saada veaotsingulogid",
-  "Show call inspector": "Näita kõneteavet",
+  "rageshake_sending": "Saatmine…",
-  "Share screen": "Jaga ekraani",
+  "rageshake_sending_logs": "Veaotsingulogide saatmine…",
-  "Settings": "Seadistused",
+  "rageshake_sent": "Tänud!",
-  "Sending…": "Saatmine…",
+  "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>",
-  "Sending debug logs…": "Veaotsingulogide saatmine…",
+  "recaptcha_dismissed": "Robotilõks on vahele jäetud",
-  "Send debug logs": "Saada veaotsingulogid",
+  "recaptcha_not_loaded": "Robotilõks pole laetud",
-  "Select an option": "Vali oma eelistus",
+  "register": {
-  "Saving…": "Salvestamine…",
+    "passwords_must_match": "Salasõnad ei klapi",
-  "Save": "Salvesta",
+    "registering": "Registreerimine…"
-  "Return to home screen": "Tagasi avalehele",
+  },
-  "Remove": "Eemalda",
+  "register_auth_links": "<0>On sul juba konto?</0><1><0>Logi sisse</0> Või <2>Logi sisse külalisena</2></1>",
-  "Release to stop": "Peatamiseks vabasta klahv",
+  "register_confirm_password_label": "Kinnita salasõna",
-  "Release spacebar key to stop": "Peatamiseks vabasta tühikuklahv",
+  "return_home_button": "Tagasi avalehele",
-  "Registering…": "Registreerimine…",
+  "room_auth_view_eula_caption": "Klõpsides „Liitu kõnega kohe“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
-  "Register": "Registreeru",
+  "room_auth_view_join_button": "Liitu kõnega kohe",
-  "Recaptcha not loaded": "Robotilõks pole laetud",
+  "screenshare_button_label": "Jaga ekraani",
-  "Recaptcha dismissed": "Robotilõks on vahele jäetud",
+  "select_input_unset_button": "Vali oma eelistus",
-  "Profile": "Profiil",
+  "settings": {
-  "Press and hold to talk over {{name}}": "{{name}} ülerääkimiseks vajuta ja hoia all",
+    "developer_settings_label": "Arendaja seadistused",
-  "Press and hold to talk": "Rääkimiseks vajuta ja hoia all",
+    "developer_settings_label_description": "Näita seadistuste aknas arendajale vajalikke seadeid.",
-  "Press and hold spacebar to talk over {{name}}": "{{name}} ülerääkimiseks vajuta ja hoia all tühikuklahvi",
+    "developer_tab_title": "Arendaja",
-  "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>",
+    "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.",
-  "Waiting for other participants…": "Ootame teiste osalejate lisandumist…",
+    "feedback_tab_description_label": "Sinu tagasiside",
-  "Waiting for network": "Ootame võrguühendust",
+    "feedback_tab_h4": "Jaga tagasisidet",
-  "Video call name": "Videokõne nimi",
+    "feedback_tab_send_logs_label": "Lisa veatuvastuslogid",
-  "Video call": "Videokõne",
+    "feedback_tab_thank_you": "Tänud, me oleme sinu tagasiside kätte saanud!",
-  "Video": "Video",
+    "feedback_tab_title": "Tagasiside",
-  "Version: {{version}}": "Versioon: {{version}}",
+    "more_tab_title": "Rohkem",
-  "Username": "Kasutajanimi",
+    "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.",
-  "This call already exists, would you like to join?": "See kõne on juba olemas, kas soovid liituda?",
+    "show_connection_stats_label": "Näita ühenduse statistikat",
-  "Talking…": "Jutt käib…",
+    "speaker_device_selection_label": "Kõlar"
-  "Talk over speaker": "Räägi teisest kõnelejast üle",
+  },
-  "Thanks! We'll get right on it.": "Tänud! Tegeleme sellega esimesel võimalusel.",
+  "star_rating_input_label_one": "{{count}} tärni",
-  "Unmute microphone": "Aktiveeri mikrofon",
+  "star_rating_input_label_other": "{{count}} tärni",
-  "User menu": "Kasutajamenüü",
+  "start_new_call": "Algata uus kõne",
-  "Yes, join call": "Jah, liitu kõnega",
+  "start_video_button_label": "Lülita videovoog sisse",
-  "Walkie-talkie call": "Walkie-talkie stiilis kõne",
+  "stop_screenshare_button_label": "Ekraanivaade on jagamisel",
-  "Walkie-talkie call name": "Walkie-talkie stiilis kõne nimi",
+  "stop_video_button_label": "Peata videovoog",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC pole kas selles brauseris toetatud või on keelatud.",
+  "submitting": "Saadan…",
-  "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.)",
+  "unauthenticated_view_body": "Sa pole veel registreerunud? <2>Loo kasutajakonto</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>": "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>",
+  "unauthenticated_view_eula_caption": "Klõpsides „Jätka“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
-  "Element Call Home": "Element Call Home",
+  "unauthenticated_view_login_button": "Logi oma kontosse sisse",
-  "Copy": "Kopeeri",
+  "unmute_microphone_button_label": "Lülita mikrofon sisse",
-  "{{name}} (Waiting for video...)": "{{name}} (Ootame videovoo algust...)",
+  "version": "Versioon: {{version}}",
-  "This feature is only supported on Firefox.": "See funktsionaalsus on toetatud vaid Firefoxis.",
+  "video_tile": {
-  "<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>",
+    "presenter_label": "{{displayName}} on esitlemas",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ohoo, midagi on nüüd katki.</0>",
+    "sfu_participant_local": "Sina"
-  "Use the upcoming grid system": "Kasuta tulevast ruudustiku-põhist paigutust",
+  },
-  "Expose developer settings in the settings window.": "Näita seadistuste aknas arendajale vajalikke seadeid.",
+  "waiting_for_participants": "Ootame teiste osalejate lisandumist…"
-  "Developer Settings": "Arendaja seadistused",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Nõustudes selle beetaversiooni kasutamisega sa nõustud ka toote arendamiseks kasutatavate anonüümsete andmete kogumisega. Täpsemat teavet kogutavate andmete kohta leiad meie <2>Privaatsuspoliitikast</2> ja meie <5>Küpsiste kasutamise reeglitest</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Sa võid selle valiku eelmaldamisega alati oma nõusoleku tagasi võtta. Kui sul parasjagu on kõne pooleli, siis seadistuste muudatus jõustub pärast kõne lõppu."
 }

public/locales/fa/app.json

@@ -1,135 +1,81 @@
 {
-  "Your recent calls": "تماس‌های اخیر شما",
+  "a11y": {
-  "Video call": "تماس تصویری",
+    "user_menu": "فهرست کاربر"
-  "Video": "ویدیو",
+  },
-  "Username": "نام کاربری",
+  "action": {
-  "User ID": "آی دی کاربر",
+    "close": "بستن",
-  "Turn on camera": "روشن کردن دوربین",
+    "copy": "رونوشت",
-  "Turn off camera": "خاموش کردن دوربین",
+    "go": "رفتن",
-  "Take me Home": "مرا به خانه ببر",
+    "no": "خیر",
-  "Speaker": "بلندگو",
+    "register": "ثبت‌نام",
-  "Sign out": "خروج",
+    "remove": "حذف",
-  "Sign in": "ورود",
+    "sign_in": "ورود",
-  "Settings": "تنظیمات",
+    "sign_out": "خروج"
-  "Save": "ذخیره",
+  },
-  "Profile": "پروفایل",
+  "call_ended_view": {
-  "Password": "رمز عبور",
+    "create_account_button": "ساخت حساب کاربری",
-  "No": "خیر",
+    "create_account_prompt": "<0>چرا یک رمز عبور برای حساب کاربری خود تنظیم نمی‌کنید؟</0><1>شما می‌توانید نام خود را حفظ کنید و یک آواتار برای تماس‌های آینده بسازید</1>",
-  "Mute microphone": "بی‌صدا کردن میکروفون",
+    "not_now_button": "الان نه، به صفحه اصلی برگردید"
-  "More": "بیشتر",
+  },
-  "Microphone": "میکروفون",
+  "common": {
-  "Login to your account": "به حساب کاربری خود وارد شوید",
+    "audio": "صدا",
-  "Login": "ورود",
+    "avatar": "آواتار",
-  "Loading…": "بارگزاری…",
+    "camera": "دوربین",
-  "Loading room…": "بارگزاری اتاق…",
+    "copied": "کپی شد!",
-  "Leave": "خروج",
+    "display_name": "نام نمایشی",
-  "Join existing call?": "پیوست به تماس؟",
+    "home": "خانه",
-  "Join call now": "الان به تماس بپیوند",
+    "loading": "بارگزاری…",
-  "Join call": "پیوستن به تماس",
+    "microphone": "میکروفون",
-  "Invite people": "دعوت از افراد",
+    "password": "رمز عبور",
-  "Invite": "دعوت",
+    "profile": "پروفایل",
-  "Home": "خانه",
+    "settings": "تنظیمات",
-  "Go": "رفتن",
+    "username": "نام کاربری",
-  "Full screen": "تمام صحفه",
+    "video": "ویدیو"
-  "Freedom": "آزادی",
+  },
-  "Exit full screen": "خروج از حالت تمام صفحه",
+  "exit_fullscreen_button_label": "خروج از حالت تمام صفحه",
-  "Download debug logs": "دانلود لاگ عیب‌یابی",
+  "fullscreen_button_label": "تمام صحفه",
-  "Display name": "نام نمایشی",
+  "header_label": "خانهٔ تماس المنت",
-  "Developer": "توسعه دهنده",
+  "join_existing_call_modal": {
-  "Details": "جزئیات",
+    "join_button": "بله، به تماس بپیوندید",
-  "Description (optional)": "توضیحات (اختیاری)",
+    "text": "این تماس از قبل وجود دارد، می‌خواهید بپیوندید؟",
-  "Debug log request": "درخواست لاگ عیب‌یابی",
+    "title": "پیوست به تماس؟"
-  "Debug log": "لاگ عیب‌یابی",
+  },
-  "Create account": "ساخت حساب کاربری",
+  "layout_spotlight_label": "نور افکن",
-  "Copy and share this call link": "لینک تماس را کپی کنید و به اشتراک بگذارید",
+  "lobby": {
-  "Copied!": "کپی شد!",
+    "join_button": "پیوستن به تماس"
-  "Connection lost": "ارتباط قطع شد",
+  },
-  "Confirm password": "تایید رمزعبور",
+  "local_volume_label": "حجم داخلی",
-  "Close": "بستن",
+  "logging_in": "ورود…",
-  "Change layout": "تغییر طرح",
+  "login_auth_links": "<0>ساخت حساب کاربری</0> Or <2>دسترسی به عنوان میهمان</2>",
-  "Camera/microphone permissions needed to join the call.": "برای پیوستن به تماس، دسترسی به دوربین/ میکروفون نیاز است.",
+  "login_title": "ورود",
-  "Camera {{n}}": "دوربین {{n}}",
+  "rageshake_request_modal": {
-  "Camera": "دوربین",
+    "body": "کاربر دیگری در این تماس مشکلی دارد. برای تشخیص بهتر مشکل، بهتر است ما لاگ عیب‌یابی را جمع‌آوری کنیم.",
-  "Call type menu": "منوی نوع تماس",
+    "title": "درخواست لاگ عیب‌یابی"
-  "Call link copied": "لینک تماس کپی شد",
+  },
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "با کلیک بر روی پیوستن به تماس، شما با <2>شرایط و قوانین استفاده</2> موافقت می‌کنید",
+  "rageshake_send_logs": "ارسال لاگ‌های عیب‌یابی",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "با کلیک بر روی برو، شما با <2>شرایط و قوانین استفاده</2> موافقت می‌کنید",
+  "rageshake_sending": "در حال ارسال…",
-  "Avatar": "آواتار",
+  "rageshake_sending_logs": "در حال ارسال باگ‌های عیب‌یابی…",
-  "Audio": "صدا",
+  "recaptcha_dismissed": "ریکپچا رد شد",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "کاربر دیگری در این تماس مشکلی دارد. برای تشخیص بهتر مشکل، بهتر است ما لاگ عیب‌یابی را جمع‌آوری کنیم.",
+  "recaptcha_not_loaded": "کپچا بارگیری نشد",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "register": {
-  "Accept microphone permissions to join the call.": "پذیرفتن دسترسی به میکروفون برای پیوستن به تماس.",
+    "passwords_must_match": "رمز عبور باید همخوانی داشته باشد",
-  "Accept camera/microphone permissions to join the call.": "پذیرفتن دسترسی دوربین/ میکروفون برای پیوستن به تماس.",
+    "registering": "ثبت‌نام…"
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>چرا یک رمز عبور برای حساب کاربری خود تنظیم نمی‌کنید؟</0><1>شما می‌توانید نام خود را حفظ کنید و یک آواتار برای تماس‌های آینده بسازید</1>",
+  },
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>ساخت حساب کاربری</0> Or <2>دسترسی به عنوان میهمان</2>",
+  "register_auth_links": "<0>از قبل حساب کاربری دارید؟</0><1><0>ورود</0> Or <2>به عنوان یک میهمان وارد شوید</2></1>",
-  "<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>",
+  "register_confirm_password_label": "تایید رمزعبور",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - تماس واکی-تاکی",
+  "return_home_button": "برگشت به صفحه اصلی",
-  "{{name}} is talking…": "{{name}} در حال صحبت است…",
+  "room_auth_view_join_button": "الان به تماس بپیوند",
-  "{{name}} is presenting": "{{name}} حاضر است",
+  "screenshare_button_label": "اشتراک گذاری صفحه نمایش",
-  "{{displayName}}, your call is now ended": "{{displayName}} تماس شما پایان یافت",
+  "select_input_unset_button": "یک گزینه را انتخاب کنید",
-  "{{count}} people connected|other": "{{count}} نفر متصل هستند",
+  "settings": {
-  "{{count}} people connected|one": "{{count}} فرد متصل هستند",
+    "developer_tab_title": "توسعه دهنده",
-  "Local volume": "حجم داخلی",
+    "feedback_tab_h4": "بازخورد ارائه دهید",
-  "Inspector": "بازرس",
+    "feedback_tab_send_logs_label": "شامل لاگ‌های عیب‌یابی",
-  "Incompatible versions!": "نسخه‌های ناسازگار!",
+    "more_tab_title": "بیشتر",
-  "Incompatible versions": "نسخه‌های ناسازگار",
+    "speaker_device_selection_label": "بلندگو"
-  "Spotlight": "نور افکن",
+  },
-  "Speaker {{n}}": "بلندگو {{n}}",
+  "unauthenticated_view_body": "هنوز ثبت‌نام نکرده‌اید؟ <2>ساخت حساب کاربری</2>",
-  "Show call inspector": "نمایش بازرس تماس",
+  "unauthenticated_view_login_button": "به حساب کاربری خود وارد شوید",
-  "Share screen": "اشتراک گذاری صفحه نمایش",
+  "version": "نسخه: {{نسخه}}",
-  "Sending…": "در حال ارسال…",
+  "waiting_for_participants": "در انتظار برای دیگر شرکت‌کنندگان…"
-  "Sending debug logs…": "در حال ارسال باگ‌های عیب‌یابی…",
-  "Send debug logs": "ارسال لاگ‌های عیب‌یابی",
-  "Select an option": "یک گزینه را انتخاب کنید",
-  "Saving…": "در حال ذخیره…",
-  "Return to home screen": "برگشت به صفحه اصلی",
-  "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": "الان نه، به صفحه اصلی برگردید",
-  "More menu": "تنظیمات بیشتر",
-  "Microphone permissions needed to join the call.": "برای پیوستن به مکالمه دسترسی به میکروفون نیاز است.",
-  "Microphone {{n}}": "میکروفون {{n}}",
-  "Logging in…": "ورود…",
-  "Include debug logs": "شامل لاگ‌های عیب‌یابی",
-  "Having trouble? Help us fix it.": "با مشکلی رو به رو شدید؟ به ما کمک کنید رفعش کنیم.",
-  "Grid layout menu": "منوی طرح‌بندی شبکه‌ای",
-  "Fetching group call timed out.": "زمان اتصال به مکالمه گروهی تمام شد.",
-  "You can't talk at the same time": "نمی توانید هم‌زمان صحبت کنید",
-  "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": "روی بلندگو صحبت کنید",
-  "Submitting feedback…": "در حال ارسال بازخورد…",
-  "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,143 +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",
+  },
-  "Description (optional)": "Description (facultatif)",
+  "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",
-  "Details": "Informations",
+  "call_ended_view": {
-  "Developer": "Développeur",
+    "body": "Vous avez été déconnecté de l’appel",
-  "Display name": "Nom d’affichage",
+    "create_account_button": "Créer un compte",
-  "Download debug logs": "Télécharger les journaux de débogage",
+    "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>",
-  "Exit full screen": "Quitter le plein écran",
+    "feedback_done": "<0>Merci pour votre commentaire !</0>",
-  "Freedom": "Libre",
+    "feedback_prompt": "<0>Nous aimerions avoir vos commentaires afin que nous puissions améliorer votre expérience.</0>",
-  "Full screen": "Plein écran",
+    "headline": "{{displayName}}, votre appel est terminé.",
-  "Go": "Commencer",
+    "not_now_button": "Pas maintenant, retourner à l’accueil",
-  "Grid layout menu": "Menu en grille",
+    "reconnect_button": "Se reconnecter",
-  "Having trouble? Help us fix it.": "Un problème ? Aidez nous à le résoudre.",
+    "survey_prompt": "Comment cela s’est-il passé ?"
-  "Home": "Accueil",
+  },
-  "Include debug logs": "Inclure les journaux de débogage",
+  "call_name": "Nom de l’appel",
-  "Incompatible versions": "Versions incompatibles",
+  "common": {
-  "Incompatible versions!": "Versions incompatibles !",
+    "camera": "Caméra",
-  "Inspector": "Inspecteur",
+    "copied": "Copié !",
-  "Invite people": "Inviter des gens",
+    "display_name": "Nom d’affichage",
-  "Join call": "Rejoindre l’appel",
+    "encrypted": "Chiffré",
-  "Join call now": "Rejoindre l’appel maintenant",
+    "home": "Accueil",
-  "Join existing call?": "Rejoindre un appel existant ?",
+    "loading": "Chargement…",
-  "Leave": "Partir",
+    "password": "Mot de passe",
-  "Loading room…": "Chargement du salon…",
+    "profile": "Profil",
-  "Loading…": "Chargement…",
+    "settings": "Paramètres",
-  "Local volume": "Volume local",
+    "unencrypted": "Non chiffré",
-  "Logging in…": "Connexion…",
+    "username": "Nom d’utilisateur",
-  "Login": "Connexion",
+    "video": "Vidéo"
-  "Login to your account": "Connectez vous à votre compte",
+  },
-  "Microphone": "Microphone",
+  "disconnected_banner": "La connexion avec le serveur a été perdue.",
-  "Microphone permissions needed to join the call.": "Accès au microphone requis pour rejoindre l’appel.",
+  "exit_fullscreen_button_label": "Quitter le plein écran",
-  "Microphone {{n}}": "Microphone {{n}}",
+  "full_screen_view_description": "<0>Soumettre les journaux de débogage nous aidera à déterminer le problème.</0>",
-  "More": "Plus",
+  "full_screen_view_h1": "<0>Oups, quelque chose s’est mal passé.</0>",
-  "More menu": "Menu plus",
+  "fullscreen_button_label": "Plein écran",
-  "Mute microphone": "Couper le micro",
+  "group_call_loader_failed_heading": "Appel non trouvé",
-  "No": "Non",
+  "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.",
-  "Not now, return to home screen": "Pas maintenant, retourner à l’accueil",
+  "hangup_button_label": "Terminer l’appel",
-  "Not registered yet? <2>Create an account</2>": "Pas encore de compte ? <2>En créer un</2>",
+  "header_label": "Accueil Element Call",
-  "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>",
+  "invite_modal": {
-  "Password": "Mot de passe",
+    "link_copied_toast": "Lien copié dans le presse-papier",
-  "Passwords must match": "Les mots de passe doivent correspondre",
+    "title": "Inviter dans cet appel"
-  "Press and hold spacebar to talk": "Appuyez et maintenez la barre d’espace enfoncée pour parler",
+  },
-  "Press and hold spacebar to talk over {{name}}": "Appuyez et maintenez la barre d’espace enfoncée pour parler par dessus {{name}}",
+  "join_existing_call_modal": {
-  "Press and hold to talk": "Appuyez et maintenez enfoncé pour parler",
+    "join_button": "Oui, rejoindre l’appel",
-  "Press and hold to talk over {{name}}": "Appuyez et maintenez enfoncé pour parler par dessus {{name}}",
+    "text": "Cet appel existe déjà, voulez-vous le rejoindre ?",
-  "Profile": "Profil",
+    "title": "Rejoindre un appel existant ?"
-  "Recaptcha dismissed": "Recaptcha refusé",
+  },
-  "Recaptcha not loaded": "Recaptcha non chargé",
+  "layout_grid_label": "Grille",
-  "Register": "S’enregistrer",
+  "layout_spotlight_label": "Premier plan",
-  "Registering…": "Enregistrement…",
+  "lobby": {
-  "Release spacebar key to stop": "Relâcher la barre d’espace pour arrêter",
+    "join_button": "Rejoindre l’appel",
-  "Release to stop": "Relâcher pour arrêter",
+    "leave_button": "Revenir à l’historique des appels"
-  "Remove": "Supprimer",
+  },
-  "Return to home screen": "Retour à l’accueil",
+  "local_volume_label": "Volume local",
-  "Save": "Enregistrer",
+  "logging_in": "Connexion…",
-  "Saving…": "Enregistrement…",
+  "login_auth_links": "<0>Créer un compte</0> Or <2>Accès invité</2>",
-  "Select an option": "Sélectionnez une option",
+  "login_title": "Connexion",
-  "Send debug logs": "Envoyer les journaux de débogage",
+  "microphone_off": "Microphone éteint",
-  "Sending…": "Envoi…",
+  "microphone_on": "Microphone allumé",
-  "Settings": "Paramètres",
+  "mute_microphone_button_label": "Couper le microphone",
-  "Share screen": "Partage d’écran",
+  "rageshake_button_error_caption": "Réessayer d’envoyer les journaux",
-  "Show call inspector": "Afficher l’inspecteur d’appel",
+  "rageshake_request_modal": {
-  "Sign in": "Connexion",
+    "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.",
-  "Sign out": "Déconnexion",
+    "title": "Demande d’un journal de débogage"
-  "Spatial audio": "Audio spatialisé",
+  },
-  "Spotlight": "Premier plan",
+  "rageshake_send_logs": "Envoyer les journaux de débogage",
-  "Stop sharing screen": "Arrêter le partage d’écran",
+  "rageshake_sending": "Envoi…",
-  "Submit feedback": "Envoyer des retours",
+  "rageshake_sending_logs": "Envoi des journaux de débogage…",
-  "Submitting feedback…": "Envoi des retours…",
+  "rageshake_sent": "Merci !",
-  "Take me Home": "Retouner à l’accueil",
+  "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>",
-  "Talk over speaker": "Parler par dessus l’intervenant",
+  "recaptcha_dismissed": "Recaptcha refusé",
-  "Thanks! We'll get right on it.": "Merci ! Nous allons nous y attaquer.",
+  "recaptcha_not_loaded": "Recaptcha non chargé",
-  "This call already exists, would you like to join?": "Cet appel existe déjà, voulez-vous le rejoindre ?",
+  "register": {
-  "{{name}} is presenting": "{{name}} est le présentateur",
+    "passwords_must_match": "Les mots de passe doivent correspondre",
-  "Fetching group call timed out.": "Échec de connexion à l’appel de groupe dans le temps imparti.",
+    "registering": "Enregistrement…"
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} — Appel talkie-walkie",
+  },
-  "{{name}} is talking…": "{{name}} est en train de parler…",
+  "register_auth_links": "<0>Vous avez déjà un compte ?</0><1><0>Se connecter</0> Ou <2>Accès invité</2></1>",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "register_confirm_password_label": "Confirmer le mot de passe",
-  "{{displayName}}, your call is now ended": "{{displayName}}, votre appel est désormais terminé",
+  "return_home_button": "Retour à l’accueil",
-  "{{count}} people connected|other": "{{count}} personnes connectées",
+  "room_auth_view_eula_caption": "En cliquant sur « Rejoindre l’appel maintenant », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
-  "{{count}} people connected|one": "{{count}} personne connectée",
+  "room_auth_view_join_button": "Rejoindre l’appel maintenant",
-  "Your recent calls": "Appels récents",
+  "screenshare_button_label": "Partage d’écran",
-  "You can't talk at the same time": "Vous ne pouvez pas parler en même temps",
+  "select_input_unset_button": "Sélectionnez une option",
-  "Yes, join call": "Oui, rejoindre l’appel",
+  "settings": {
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC n’est pas pris en charge ou est bloqué par ce navigateur.",
+    "developer_settings_label": "Paramètres développeurs",
-  "Walkie-talkie call name": "Nom de l’appel talkie-walkie",
+    "developer_settings_label_description": "Affiche les paramètres développeurs dans la fenêtre des paramètres.",
-  "Walkie-talkie call": "Appel talkie-walkie",
+    "developer_tab_title": "Développeur",
-  "Waiting for other participants…": "En attente d’autres participants…",
+    "feedback_tab_body": "Si vous rencontrez des problèmes, ou vous voulez simplement faire un commentaire, faites-en une courte description ci-dessous.",
-  "Waiting for network": "En attente du réseau",
+    "feedback_tab_description_label": "Votre commentaire",
-  "Video call name": "Nom de l’appel vidéo",
+    "feedback_tab_h4": "Envoyer un commentaire",
-  "Video call": "Appel vidéo",
+    "feedback_tab_send_logs_label": "Inclure les journaux de débogage",
-  "Video": "Vidéo",
+    "feedback_tab_thank_you": "Merci, nous avons reçu vos commentaires !",
-  "Version: {{version}}": "Version : {{version}}",
+    "feedback_tab_title": "Commentaires",
-  "Username": "Nom d’utilisateur",
+    "more_tab_title": "Plus",
-  "User menu": "Menu utilisateur",
+    "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.",
-  "User ID": "Identifiant utilisateur",
+    "show_connection_stats_label": "Afficher les statistiques de la connexion",
-  "Unmute microphone": "Allumer le micro",
+    "speaker_device_selection_label": "Intervenant"
-  "Turn on camera": "Allumer la caméra",
+  },
-  "Turn off camera": "Couper la caméra",
+  "star_rating_input_label_one": "{{count}} favori",
-  "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.)",
+  "star_rating_input_label_other": "{{count}} favoris",
-  "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>",
+  "start_new_call": "Démarrer un nouvel appel",
-  "Talking…": "Vous parlez…",
+  "start_video_button_label": "Démarrer la vidéo",
-  "Speaker {{n}}": "Intervenant {{n}}",
+  "stop_screenshare_button_label": "L’écran est partagé",
-  "Speaker": "Intervenant",
+  "stop_video_button_label": "Arrêter la vidéo",
-  "Invite": "Inviter",
+  "submitting": "Envoi…",
-  "<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>",
+  "unauthenticated_view_body": "Pas encore de compte ? <2>En créer un</2>",
-  "Sending debug logs…": "Envoi des journaux de débogage…",
+  "unauthenticated_view_eula_caption": "En cliquant sur « Commencer », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
-  "<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>",
+  "unauthenticated_view_login_button": "Connectez vous à votre compte",
-  "{{name}} (Connecting...)": "{{name}} (Connexion…)",
+  "unmute_microphone_button_label": "Allumer le microphone",
-  "Element Call Home": "Accueil Element Call",
+  "version": "Version : {{version}}",
-  "Copy": "Copier",
+  "video_tile": {
-  "{{name}} (Waiting for video...)": "{{name}} (En attente de vidéo…)",
+    "presenter_label": "{{displayName}} est à l’écran",
-  "This feature is only supported on Firefox.": "Cette fonctionnalité est prise en charge dans Firefox uniquement.",
+    "sfu_participant_local": "Vous"
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Soumettre les journaux de débogage nous aidera à déterminer le problème.</0>",
+  },
-  "<0>Oops, something's gone wrong.</0>": "<0>Oups, quelque chose s’est mal passé.</0>",
+  "waiting_for_participants": "En attente d’autres participants…"
-  "Use the upcoming grid system": "Utiliser le futur système de grille",
-  "Expose developer settings in the settings window.": "Affiche les paramètres développeurs dans la fenêtre des paramètres.",
-  "Developer Settings": "Paramètres développeurs",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "En participant à cette beta, vous consentez à la collecte de données anonymes, qui seront utilisées pour améliorer le produit. Vous trouverez plus d’informations sur les données collectées dans notre <2>Politique de vie privée</2> et notre <5>Politique de cookies</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Vous pouvez retirer votre consentement en décochant cette case. Si vous êtes actuellement en communication, ce paramètre prendra effet à la fin de l’appel."
 }

public/locales/id/app.json

@@ -1,143 +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",
-  "Description (optional)": "Deskripsi (opsional)",
+  "call_ended_view": {
-  "Details": "Detail",
+    "body": "Anda terputus dari panggilan",
-  "Developer": "Pengembang",
+    "create_account_button": "Buat akun",
-  "Display name": "Nama tampilan",
+    "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>",
-  "Download debug logs": "Unduh catatan pengawakutuan",
+    "feedback_done": "<0>Terima kasih atas masukan Anda!</0>",
-  "Exit full screen": "Keluar dari layar penuh",
+    "feedback_prompt": "<0>Kami ingin mendengar masukan Anda supaya kami bisa meningkatkan pengalaman Anda.</0>",
-  "Fetching group call timed out.": "Waktu pendapatan panggilan grup habis.",
+    "headline": "{{displayName}}, panggilan Anda telah berakhir.",
-  "Freedom": "Bebas",
+    "not_now_button": "Tidak sekarang, kembali ke layar beranda",
-  "Full screen": "Layar penuh",
+    "reconnect_button": "Hubungkan ulang",
-  "Go": "Bergabung",
+    "survey_prompt": "Bagaimana rasanya?"
-  "Grid layout menu": "Menu tata letak kisi",
+  },
-  "Having trouble? Help us fix it.": "Mengalami masalah? Bantu kami memperbaikinya.",
+  "call_name": "Nama panggilan",
-  "Home": "Beranda",
+  "common": {
-  "Include debug logs": "Termasuk catatan pengawakutuan",
+    "camera": "Kamera",
-  "Incompatible versions": "Versi tidak kompatibel",
+    "copied": "Disalin!",
-  "Incompatible versions!": "Versi tidak kompatibel!",
+    "display_name": "Nama tampilan",
-  "Inspector": "Inspektur",
+    "encrypted": "Terenkripsi",
-  "Invite": "Undang",
+    "home": "Beranda",
-  "Invite people": "Undang orang",
+    "loading": "Memuat…",
-  "Join call": "Bergabung ke panggilan",
+    "microphone": "Mikrofon",
-  "Join call now": "Bergabung ke panggilan sekarang",
+    "password": "Kata sandi",
-  "Join existing call?": "Bergabung ke panggilan yang sudah ada?",
+    "profile": "Profil",
-  "Leave": "Keluar",
+    "settings": "Pengaturan",
-  "Loading room…": "Memuat ruangan…",
+    "unencrypted": "Tidak terenkripsi",
-  "Loading…": "Memuat…",
+    "username": "Nama pengguna"
-  "Local volume": "Volume lokal",
+  },
-  "Logging in…": "Memasuki…",
+  "disconnected_banner": "Koneksi ke server telah hilang.",
-  "Login": "Masuk",
+  "exit_fullscreen_button_label": "Keluar dari layar penuh",
-  "Login to your account": "Masuk ke akun Anda",
+  "full_screen_view_description": "<0>Mengirim catatan pengawakutuan akan membantu kami melacak masalahnya.</0>",
-  "Microphone": "Mikrofon",
+  "full_screen_view_h1": "<0>Aduh, ada yang salah.</0>",
-  "Microphone permissions needed to join the call.": "Izin mikrofon dibutuhkan untuk bergabung ke panggilan ini.",
+  "fullscreen_button_label": "Layar penuh",
-  "Microphone {{n}}": "Mikrofon {{n}}",
+  "group_call_loader_failed_heading": "Panggilan tidak ditemukan",
-  "More": "Lainnya",
+  "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.",
-  "More menu": "Menu lainnya",
+  "hangup_button_label": "Akhiri panggilan",
-  "Mute microphone": "Bisukan mikrofon",
+  "header_label": "Beranda Element Call",
-  "No": "Tidak",
+  "header_participants_label": "Peserta",
-  "Not now, return to home screen": "Tidak sekarang, kembali ke layar beranda",
+  "invite_modal": {
-  "Not registered yet? <2>Create an account</2>": "Belum terdaftar? <2>Buat sebuah akun</2>",
+    "link_copied_toast": "Tautan disalin ke papan klip",
-  "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>",
+    "title": "Undang ke panggilan ini"
-  "Password": "Kata sandi",
+  },
-  "Passwords must match": "Kata sandi harus cocok",
+  "join_existing_call_modal": {
-  "Press and hold spacebar to talk": "Tekan dan tahan bilah spasi untuk berbicara",
+    "join_button": "Ya, bergabung ke panggilan",
-  "Press and hold spacebar to talk over {{name}}": "Tekan dan tahan bilah spasi untuk berbicara pada {{name}}",
+    "text": "Panggilan ini sudah ada, apakah Anda ingin bergabung?",
-  "Press and hold to talk": "Tekan dan tahan untuk berbicara",
+    "title": "Bergabung ke panggilan yang sudah ada?"
-  "Press and hold to talk over {{name}}": "Tekan dan tahan untuk berbicara pada {{name}}",
+  },
-  "Profile": "Profil",
+  "layout_grid_label": "Kisi",
-  "Recaptcha dismissed": "Recaptcha ditutup",
+  "layout_spotlight_label": "Sorotan",
-  "Recaptcha not loaded": "Recaptcha tidak dimuat",
+  "lobby": {
-  "Register": "Daftar",
+    "join_button": "Bergabung ke panggilan",
-  "Registering…": "Mendaftarkan…",
+    "leave_button": "Kembali ke terkini"
-  "Release spacebar key to stop": "Lepaskan bilah spasi untuk berhenti",
+  },
-  "Release to stop": "Lepaskan untuk berhenti",
+  "local_volume_label": "Volume lokal",
-  "Remove": "Hapus",
+  "logging_in": "Memasuki…",
-  "Return to home screen": "Kembali ke layar beranda",
+  "login_auth_links": "<0>Buat akun</0> Atau <2>Akses sebagai tamu</2>",
-  "Save": "Simpan",
+  "login_title": "Masuk",
-  "Saving…": "Menyimpan…",
+  "microphone_off": "Mikrofon dimatikan",
-  "Select an option": "Pilih sebuah opsi",
+  "microphone_on": "Mikrofon dinyalakan",
-  "Send debug logs": "Kirim catatan pengawakutuan",
+  "mute_microphone_button_label": "Matikan mikrofon",
-  "Sending…": "Mengirimkan…",
+  "rageshake_button_error_caption": "Kirim ulang catatan",
-  "Settings": "Pengaturan",
+  "rageshake_request_modal": {
-  "Share screen": "Bagikan layar",
+    "body": "Pengguna yang lain di panggilan ini sedang mengalami masalah. Supaya dapat mendiagnosa masalah ini, kami ingin mengumpulkan sebuah catatan pengawakutuan.",
-  "Show call inspector": "Tampilkan inspektur panggilan",
+    "title": "Permintaan catatan pengawakutuan"
-  "Sign in": "Masuk",
+  },
-  "Sign out": "Keluar",
+  "rageshake_send_logs": "Kirim catatan pengawakutuan",
-  "Spatial audio": "Audio spasial",
+  "rageshake_sending": "Mengirimkan…",
-  "Speaker": "Pembicara",
+  "rageshake_sending_logs": "Mengirimkan catatan pengawakutuan…",
-  "Speaker {{n}}": "Pembicara {{n}}",
+  "rageshake_sent": "Terima kasih!",
-  "Spotlight": "Sorotan",
+  "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",
-  "Stop sharing screen": "Berhenti membagikan layar",
+  "recaptcha_dismissed": "Recaptcha ditutup",
-  "Submit feedback": "Kirim masukan",
+  "recaptcha_not_loaded": "Recaptcha tidak dimuat",
-  "Submitting feedback…": "Mengirimkan masukan…",
+  "register": {
-  "Take me Home": "Bawa saya ke Beranda",
+    "passwords_must_match": "Kata sandi harus cocok",
-  "Talk over speaker": "Bicara pada pembicara",
+    "registering": "Mendaftarkan…"
-  "Talking…": "Berbicara…",
+  },
-  "Thanks! We'll get right on it.": "Terima kasih! Kami akan melihatnya.",
+  "register_auth_links": "<0>Sudah punya akun?</0><1><0>Masuk</0> Atau <2>Akses sebagai tamu</2></1>",
-  "This call already exists, would you like to join?": "Panggilan ini sudah ada, apakah Anda ingin bergabung?",
+  "register_confirm_password_label": "Konfirmasi kata sandi",
-  "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",
+  "return_home_button": "Kembali ke layar beranda",
-  "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.)",
+  "room_auth_view_eula_caption": "Dengan mengeklik \"Bergabung ke panggilan sekarang\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2> kami",
-  "Turn off camera": "Matikan kamera",
+  "room_auth_view_join_button": "Bergabung ke panggilan sekarang",
-  "Turn on camera": "Nyalakan kamera",
+  "screenshare_button_label": "Bagikan layar",
-  "Unmute microphone": "Suarakan mikrofon",
+  "select_input_unset_button": "Pilih sebuah opsi",
-  "User ID": "ID pengguna",
+  "settings": {
-  "User menu": "Menu pengguna",
+    "developer_settings_label": "Pengaturan Pengembang",
-  "Username": "Nama pengguna",
+    "developer_settings_label_description": "Ekspos pengaturan pengembang dalam jendela pengaturan.",
-  "Version: {{version}}": "Versi: {{version}}",
+    "developer_tab_title": "Pengembang",
-  "Video": "Video",
+    "feedback_tab_body": "Jika Anda mengalami masalah atau hanya ingin memberikan masukan, silakan kirimkan kami deskripsi pendek di bawah.",
-  "Video call": "Panggilan video",
+    "feedback_tab_description_label": "Masukan Anda",
-  "Video call name": "Nama panggilan video",
+    "feedback_tab_h4": "Kirim masukan",
-  "Waiting for network": "Menunggu jaringan",
+    "feedback_tab_send_logs_label": "Termasuk catatan pengawakutuan",
-  "Waiting for other participants…": "Menunggu peserta lain…",
+    "feedback_tab_thank_you": "Terima kasih, kami telah menerima masukan Anda!",
-  "Walkie-talkie call": "Panggilan protofon",
+    "feedback_tab_title": "Masukan",
-  "Walkie-talkie call name": "Nama panggilan protofon",
+    "more_tab_title": "Lainnya",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC tidak didukung atau diblokir di peramban ini.",
+    "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.",
-  "Yes, join call": "Ya, bergabung ke panggilan",
+    "show_connection_stats_label": "Tampilkan statistik koneksi",
-  "You can't talk at the same time": "Anda tidak dapat berbicara pada waktu yang sama",
+    "speaker_device_selection_label": "Pembicara"
-  "Your recent calls": "Panggilan Anda terkini",
+  },
-  "{{count}} people connected|one": "{{count}} orang terhubung",
+  "star_rating_input_label_one": "{{count}} bintang",
-  "{{count}} people connected|other": "{{count}} orang terhubung",
+  "star_rating_input_label_other": "{{count}} bintang",
-  "{{displayName}}, your call is now ended": "{{displayName}}, panggilan Anda sekarang telah berakhir",
+  "start_new_call": "Mulai panggilan baru",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "start_video_button_label": "Nyalakan video",
-  "{{name}} is presenting": "{{name}} sedang mempresentasi",
+  "stop_screenshare_button_label": "Berbagi layar",
-  "{{name}} is talking…": "{{name}} sedang berbicara…",
+  "stop_video_button_label": "Matikan video",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Panggilan protofon",
+  "submitting": "Mengirim…",
-  "Sending debug logs…": "Mengirimkan catatan pengawakutuan…",
+  "unauthenticated_view_body": "Belum terdaftar? <2>Buat sebuah akun</2>",
-  "<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>",
+  "unauthenticated_view_eula_caption": "Dengan mengeklik \"Bergabung\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2>",
-  "{{name}} (Connecting...)": "{{name}} (Menghubungkan...)",
+  "unauthenticated_view_login_button": "Masuk ke akun Anda",
-  "Element Call Home": "Beranda Element Call",
+  "unmute_microphone_button_label": "Nyalakan mikrofon",
-  "Copy": "Salin",
+  "version": "Versi: {{version}}",
-  "{{name}} (Waiting for video...)": "{{name}} (Menunggu video...)",
+  "video_tile": {
-  "This feature is only supported on Firefox.": "Fitur ini hanya didukung di Firefox.",
+    "presenter_label": "{{displayName}} sedang menampilkan",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Mengirim catatan pengawakutuan akan membantu kami melacak masalahnya.</0>",
+    "sfu_participant_local": "Anda"
-  "<0>Oops, something's gone wrong.</0>": "<0>Aduh, ada yang salah.</0>",
+  },
-  "Use the upcoming grid system": "Gunakan sistem kisi yang akan segera datang",
+  "waiting_for_participants": "Menunggu peserta lain…"
-  "Expose developer settings in the settings window.": "Ekspos pengaturan pengembang dalam jendela pengaturan.",
-  "Developer Settings": "Pengaturan Pengembang",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Dengan bergabung dalam beta ini, Anda mengizinkan kami untuk mengumpulkan data anonim, yang kami gunakan untuk meningkatkan produk ini. Anda dapat mempelajari lebih lanjut tentang data apa yang kami lacak dalam <2>Kebijakan Privasi</2> dan <5>Kebijakan Kuki</5> kami.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Anda dapat mengurungkan kembali izin dengan mencentang kotak ini. Jika Anda saat ini dalam panggilan, pengaturan ini akan diterapkan di akhir panggilan."
 }

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,114 +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": "マイク",
-  "Description (optional)": "概要（任意）",
+    "password": "パスワード",
-  "Debug log": "デバッグログ",
+    "profile": "プロフィール",
-  "Create account": "アカウントを作成",
+    "settings": "設定",
-  "Having trouble? Help us fix it.": "問題が起きましたか？修正にご協力ください。",
+    "username": "ユーザー名",
-  "Go": "続行",
+    "video": "ビデオ"
-  "Fetching group call timed out.": "グループ通話の取得がタイムアウトしました。",
+  },
-  "Element Call Home": "Element Call ホーム",
+  "exit_fullscreen_button_label": "全画面表示を終了",
-  "Download debug logs": "デバッグログをダウンロード",
+  "full_screen_view_h1": "<0>何かがうまく行きませんでした。</0>",
-  "Display name": "表示名",
+  "fullscreen_button_label": "全画面表示",
-  "Developer": "開発者",
+  "header_label": "Element Call ホーム",
-  "Details": "詳細",
+  "join_existing_call_modal": {
-  "Full screen": "全画面表示",
+    "join_button": "はい、通話に参加",
-  "Exit full screen": "全画面表示を終了",
+    "text": "この通話は既に存在します。参加しますか？",
-  "Include debug logs": "デバッグログを含める",
+    "title": "既存の通話に参加しますか？"
-  "Home": "ホーム",
+  },
-  "Incompatible versions!": "互換性のないバージョンです！",
+  "layout_spotlight_label": "スポットライト",
-  "Incompatible versions": "互換性のないバージョン",
+  "lobby": {
-  "Join existing call?": "既存の通話に参加しますか？",
+    "join_button": "通話に参加"
-  "Join call now": "今すぐ通話に参加",
+  },
-  "Join call": "通話に参加",
+  "logging_in": "ログインしています…",
-  "Invite": "招待",
+  "login_auth_links": "<0>アカウントを作成</0>または<2>ゲストとしてアクセス</2>",
-  "Invite people": "連絡先を招待",
+  "login_title": "ログイン",
-  "Not registered yet? <2>Create an account</2>": "アカウントがありませんか？ <2>アカウントを作成</2>",
+  "rageshake_request_modal": {
-  "Mute microphone": "マイクをミュート",
+    "title": "デバッグログを要求"
-  "Microphone permissions needed to join the call.": "通話の参加にはマイクの許可が必要です。",
+  },
-  "Microphone": "マイク",
+  "rageshake_send_logs": "デバッグログを送信",
-  "Login": "ログイン",
+  "rageshake_sending": "送信しています…",
-  "Logging in…": "ログインしています…",
+  "rageshake_sending_logs": "デバッグログを送信しています…",
-  "Loading…": "読み込んでいます…",
+  "register": {
-  "Loading room…": "ルームを読み込んでいます…",
+    "passwords_must_match": "パスワードが一致する必要があります",
-  "Leave": "退出",
+    "registering": "登録しています…"
-  "Version: {{version}}": "バージョン：{{version}}",
+  },
-  "Username": "ユーザー名",
+  "register_auth_links": "<0>既にアカウントをお持ちですか？</0><1><0>ログイン</0>または<2>ゲストとしてアクセス</2></1>",
-  "User menu": "ユーザーメニュー",
+  "register_confirm_password_label": "パスワードを確認",
-  "User ID": "ユーザーID",
+  "return_home_button": "ホーム画面に戻る",
-  "Unmute microphone": "マイクのミュートを解除",
+  "room_auth_view_join_button": "今すぐ通話に参加",
-  "Turn on camera": "カメラをつける",
+  "screenshare_button_label": "画面共有",
-  "Turn off camera": "カメラを切る",
+  "select_input_unset_button": "オプションを選択",
-  "Submitting feedback…": "フィードバックを送信しています…",
+  "settings": {
-  "Submit feedback": "フィードバックを送信",
+    "developer_tab_title": "開発者",
-  "Stop sharing screen": "画面共有を停止",
+    "feedback_tab_h4": "フィードバックを送信",
-  "Spotlight": "スポットライト",
+    "feedback_tab_send_logs_label": "デバッグログを含める",
-  "Send debug logs": "デバッグログを送信",
+    "speaker_device_selection_label": "スピーカー"
-  "Sign out": "サインアウト",
+  },
-  "Sign in": "サインイン",
+  "unauthenticated_view_body": "アカウントがありませんか？ <2>アカウントを作成</2>",
-  "Share screen": "画面共有",
+  "unauthenticated_view_login_button": "アカウントにログイン",
-  "Settings": "設定",
+  "version": "バージョン：{{version}}",
-  "Sending…": "送信しています…",
+  "waiting_for_participants": "他の参加者を待機しています…"
-  "Sending debug logs…": "デバッグログを送信しています…",
-  "Saving…": "保存しています…",
-  "Save": "保存",
-  "Return to home screen": "ホーム画面に戻る",
-  "Registering…": "登録しています…",
-  "Register": "登録",
-  "Profile": "プロフィール",
-  "Press and hold spacebar to talk": "スペースを長押しで会話",
-  "Passwords must match": "パスワードが一致する必要があります",
-  "Password": "パスワード",
-  "Speaker": "スピーカー",
-  "Video call name": "ビデオ通話の名称",
-  "Video call": "ビデオ通話",
-  "Video": "ビデオ",
-  "Waiting for other participants…": "他の参加者を待機しています…",
-  "Waiting for network": "ネットワークを待機しています",
-  "Walkie-talkie call name": "トランシーバー通話の名称",
-  "Walkie-talkie call": "トランシーバー通話",
-  "Camera {{n}}": "カメラ {{n}}",
-  "{{name}} is talking…": "{{name}}が話しています…",
-  "Yes, join call": "はい、通話に参加",
-  "Spatial audio": "空間オーディオ",
-  "Select an option": "オプションを選択",
-  "Debug log request": "デバッグログを要求",
-  "Your recent calls": "最近の通話",
-  "You can't talk at the same time": "同時に会話することはできません",
-  "WebRTC is not supported or is being blocked in this browser.": "お使いのブラウザでWebRTCがサポートされていないか、またはブロックされています。",
-  "Login to your account": "アカウントにログイン",
-  "Freedom": "自由",
-  "{{displayName}}, your call is now ended": "{{displayName}}、通話が終了しました",
-  "Talking…": "話しています…",
-  "Remove": "削除",
-  "No": "いいえ",
-  "This feature is only supported on Firefox.": "この機能はFirefoxでのみサポートされています。",
-  "This call already exists, would you like to join?": "この通話は既に存在します。参加しますか？",
-  "Take me Home": "ホームに戻る",
-  "Press and hold to talk": "押し続けて会話",
-  "{{name}} is presenting": "{{name}}が画面を共有しています",
-  "{{names}}, {{name}}": "{{names}}、{{name}}"
 }

public/locales/ko/app.json

@@ -1,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,138 +1,142 @@
 {
-  "More menu": "Menu \"więcej\"",
+  "a11y": {
-  "Login": "Zaloguj się",
+    "user_menu": "Menu użytkownika"
-  "Go": "Kontynuuj",
+  },
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Klikając \"Kontynuuj\", wyrażasz zgodę na nasze <2>Warunki</2>",
+  "action": {
-  "{{count}} people connected|other": "{{count}} ludzi połączono",
+    "close": "Zamknij",
-  "Your recent calls": "Twoje ostatnie połączenia",
+    "copy": "Kopiuj",
-  "You can't talk at the same time": "Nie możesz mówić w tym samym czasie",
+    "copy_link": "Kopiuj link",
-  "Yes, join call": "Tak, dołącz do połączenia",
+    "go": "Przejdź",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC jest niewspierane lub zablokowane w tej przeglądarce.",
+    "invite": "Zaproś",
-  "Walkie-talkie call name": "Nazwa połączenia walkie-talkie",
+    "no": "Nie",
-  "Walkie-talkie call": "Połączenie walkie-talkie",
+    "register": "Zarejestruj",
-  "Waiting for other participants…": "Oczekiwanie na pozostałych uczestników…",
+    "remove": "Usuń",
-  "Waiting for network": "Oczekiwanie na sieć",
+    "sign_in": "Zaloguj się",
-  "Video call name": "Nazwa połączenia wideo",
+    "sign_out": "Wyloguj się",
-  "Video call": "Połączenie wideo",
+    "submit": "Wyślij"
-  "Video": "Wideo",
+  },
-  "Version: {{version}}": "Wersja: {{version}}",
+  "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>.",
-  "Username": "Nazwa użytkownika",
+  "app_selection_modal": {
-  "User menu": "Menu użytkownika",
+    "continue_in_browser": "Kontynuuj w przeglądarce",
-  "User ID": "ID użytkownika",
+    "open_in_app": "Otwórz w aplikacji",
-  "Unmute microphone": "Wyłącz wyciszenie mikrofonu",
+    "text": "Gotowy, by dołączyć?",
-  "Turn on camera": "Włącz kamerę",
+    "title": "Wybierz aplikację"
-  "Turn off camera": "Wyłącz kamerę",
+  },
-  "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.)",
+  "browser_media_e2ee_unsupported": "Twoja przeglądarka nie wspiera szyfrowania end-to-end. Wspierane przeglądarki to Chrome, Safari, Firefox >=117",
-  "This call already exists, would you like to join?": "Te połączenie już istnieje, czy chcesz do niego dołączyć?",
+  "call_ended_view": {
-  "Thanks! We'll get right on it.": "Dziękujemy! Zaraz się tym zajmiemy.",
+    "body": "Rozłączono Cię z połączenia",
-  "Talking…": "Mówienie…",
+    "create_account_button": "Utwórz konto",
-  "Take me Home": "Zabierz mnie do ekranu startowego",
+    "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>",
-  "Submitting feedback…": "Przesyłanie opinii…",
+    "feedback_done": "<0>Dziękujemy za Twoją opinię!</0>",
-  "Submit feedback": "Prześlij opinię",
+    "feedback_prompt": "<0>Z przyjemnością wysłuchamy Twojej opinii, aby poprawić Twoje doświadczenia.</0>",
-  "Stop sharing screen": "Zatrzymaj udostępnianie ekranu",
+    "headline": "{{displayName}}, Twoje połączenie zostało zakończone.",
-  "Spotlight": "Centrum uwagi",
+    "not_now_button": "Nie teraz, powróć do ekranu domowego",
-  "Speaker {{n}}": "Głośnik {{n}}",
+    "reconnect_button": "Połącz ponownie",
-  "Speaker": "Głośnik",
+    "survey_prompt": "Jak poszło?"
-  "Spatial audio": "Dźwięk przestrzenny",
+  },
-  "Sign out": "Wyloguj się",
+  "call_name": "Nazwa połączenia",
-  "Sign in": "Zaloguj się",
+  "common": {
-  "Show call inspector": "Pokaż inspektora połączenia",
+    "audio": "Dźwięk",
-  "Share screen": "Udostępnij ekran",
+    "avatar": "Awatar",
-  "Settings": "Ustawienia",
+    "camera": "Kamera",
-  "Sending…": "Wysyłanie…",
+    "copied": "Skopiowano!",
-  "Sending debug logs…": "Wysyłanie dzienników debugowania…",
+    "display_name": "Nazwa wyświetlana",
-  "Send debug logs": "Wyślij dzienniki debugowania",
+    "encrypted": "Szyfrowane",
-  "Select an option": "Wybierz opcję",
+    "home": "Strona domowa",
-  "Saving…": "Zapisywanie…",
+    "loading": "Ładowanie…",
-  "Save": "Zapisz",
+    "microphone": "Mikrofon",
-  "Return to home screen": "Powróć do ekranu domowego",
+    "password": "Hasło",
-  "Remove": "Usuń",
+    "profile": "Profil",
-  "Release to stop": "Puść przycisk, aby przestać",
+    "settings": "Ustawienia",
-  "Release spacebar key to stop": "Puść spację, aby przestać",
+    "unencrypted": "Nie szyfrowane",
-  "Registering…": "Rejestrowanie…",
+    "username": "Nazwa użytkownika",
-  "Register": "Zarejestruj",
+    "video": "Wideo"
-  "Recaptcha not loaded": "Recaptcha nie została załadowana",
+  },
-  "Recaptcha dismissed": "Recaptcha odrzucona",
+  "disconnected_banner": "Utracono połączenie z serwerem.",
-  "Profile": "Profil",
+  "exit_fullscreen_button_label": "Opuść pełny ekran",
-  "Press and hold to talk over {{name}}": "Przytrzymaj, aby mówić wraz z {{name}}",
+  "full_screen_view_description": "<0>Wysłanie dzienników debuggowania pomoże nam ustalić przyczynę problemu.</0>",
-  "Press and hold to talk": "Przytrzymaj, aby mówić",
+  "full_screen_view_h1": "<0>Ojej, coś poszło nie tak.</0>",
-  "Press and hold spacebar to talk over {{name}}": "Przytrzymaj spację, aby mówić wraz z {{name}}",
+  "fullscreen_button_label": "Pełny ekran",
-  "Press and hold spacebar to talk": "Przytrzymaj spację, aby mówić",
+  "group_call_loader_failed_heading": "Nie znaleziono połączenia",
-  "Passwords must match": "Hasła muszą być identyczne",
+  "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.",
-  "Password": "Hasło",
+  "hangup_button_label": "Zakończ połączenie",
-  "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>",
+  "header_label": "Strona główna Element Call",
-  "Not registered yet? <2>Create an account</2>": "Nie masz konta? <2>Utwórz je</2>",
+  "header_participants_label": "Uczestnicy",
-  "Not now, return to home screen": "Nie teraz, powróć do ekranu domowego",
+  "invite_modal": {
-  "No": "Nie",
+    "link_copied_toast": "Skopiowano link do schowka",
-  "Mute microphone": "Wycisz mikrofon",
+    "title": "Zaproś do połączenia"
-  "More": "Więcej",
+  },
-  "Microphone permissions needed to join the call.": "Aby dołączyć do połączenia, potrzebne są uprawnienia do mikrofonu.",
+  "join_existing_call_modal": {
-  "Microphone {{n}}": "Mikrofon {{n}}",
+    "join_button": "Tak, dołącz do połączenia",
-  "Microphone": "Mikrofon",
+    "text": "Te połączenie już istnieje, czy chcesz do niego dołączyć?",
-  "Login to your account": "Zaloguj się do swojego konta",
+    "title": "Dołączyć do istniejącego połączenia?"
-  "Logging in…": "Logowanie…",
+  },
-  "Local volume": "Lokalna głośność",
+  "layout_grid_label": "Siatka",
-  "Loading…": "Ładowanie…",
+  "layout_spotlight_label": "Centrum uwagi",
-  "Loading room…": "Ładowanie pokoju…",
+  "lobby": {
-  "Leave": "Opuść",
+    "join_button": "Dołącz do połączenia",
-  "Join existing call?": "Dołączyć do istniejącego połączenia?",
+    "leave_button": "Wróć do ostatnie"
-  "Join call now": "Dołącz do połączenia teraz",
+  },
-  "Join call": "Dołącz do połączenia",
+  "local_volume_label": "Głośność lokalna",
-  "Invite people": "Zaproś ludzi",
+  "logging_in": "Logowanie…",
-  "Invite": "Zaproś",
+  "login_auth_links": "<0>Utwórz konto</0> lub <2>Dołącz jako gość</2>",
-  "Inspector": "Inspektor",
+  "login_title": "Zaloguj się",
-  "Incompatible versions!": "Niekompatybilne wersje!",
+  "microphone_off": "Mikrofon wyłączony",
-  "Incompatible versions": "Niekompatybilne wersje",
+  "microphone_on": "Mikrofon włączony",
-  "Include debug logs": "Dołącz dzienniki debugowania",
+  "mute_microphone_button_label": "Wycisz mikrofon",
-  "Home": "Strona domowa",
+  "rageshake_button_error_caption": "Wyślij logi ponownie",
-  "Having trouble? Help us fix it.": "Masz problem? Pomóż nam go naprawić.",
+  "rageshake_request_modal": {
-  "Grid layout menu": "Menu układu siatki",
+    "body": "Inny użytkownik w tym połączeniu napotkał problem. Aby lepiej zdiagnozować tę usterkę, chcielibyśmy zebrać dzienniki debugowania.",
-  "Full screen": "Pełen ekran",
+    "title": "Prośba o dzienniki debugowania"
-  "Freedom": "Wolność",
+  },
-  "Fetching group call timed out.": "Przekroczono limit czasu na uzyskanie połączenia grupowego.",
+  "rageshake_send_logs": "Wyślij dzienniki debugowania",
-  "Exit full screen": "Zamknij pełny ekran",
+  "rageshake_sending": "Wysyłanie…",
-  "Download debug logs": "Pobierz dzienniki debugowania",
+  "rageshake_sending_logs": "Wysyłanie dzienników debugowania…",
-  "Display name": "Wyświetlana nazwa",
+  "rageshake_sent": "Dziękujemy!",
-  "Developer": "Deweloper",
+  "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>",
-  "Details": "Szczegóły",
+  "recaptcha_dismissed": "Recaptcha odrzucona",
-  "Description (optional)": "Opis (opcjonalny)",
+  "recaptcha_not_loaded": "Recaptcha nie została załadowana",
-  "Debug log request": "Prośba o dzienniki debugowania",
+  "register": {
-  "Debug log": "Dzienniki debugowania",
+    "passwords_must_match": "Hasła muszą pasować",
-  "Create account": "Utwórz konto",
+    "registering": "Rejestrowanie…"
-  "Copy and share this call link": "Skopiuj i podziel się linkiem do połączenia",
+  },
-  "Copied!": "Skopiowano!",
+  "register_auth_links": "<0>Masz już konto?</0><1><0>Zaloguj się</0> lub <2>Dołącz jako gość</2></1>",
-  "Connection lost": "Połączenie utracone",
+  "register_confirm_password_label": "Potwierdź hasło",
-  "Confirm password": "Potwierdź hasło",
+  "return_home_button": "Powróć do strony głównej",
-  "Close": "Zamknij",
+  "room_auth_view_eula_caption": "Klikając \"Dołącz teraz do rozmowy\", zgadzasz się na naszą <2>Umowę licencyjną (EULA)</2>",
-  "Change layout": "Zmień układ",
+  "room_auth_view_join_button": "Dołącz do połączenia teraz",
-  "Camera/microphone permissions needed to join the call.": "Aby dołączyć do tego połączenia, potrzebne są uprawnienia do kamery/mikrofonu.",
+  "screenshare_button_label": "Udostępnij ekran",
-  "Camera {{n}}": "Kamera {{n}}",
+  "select_input_unset_button": "Wybierz opcję",
-  "Camera": "Kamera",
+  "settings": {
-  "Call type menu": "Menu rodzaju połączenia",
+    "developer_settings_label": "Opcje programisty",
-  "Call link copied": "Skopiowano link do połączenia",
+    "developer_settings_label_description": "Wyświetl opcje programisty w oknie ustawień.",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Klikając \"Dołącz do rozmowy\", wyrażasz zgodę na nasze <2>Warunki</2>",
+    "developer_tab_title": "Programista",
-  "Avatar": "Awatar",
+    "feedback_tab_body": "Jeśli posiadasz problemy lub chciałbyś zgłosić swoją opinię, wyślij nam krótki opis.",
-  "Audio": "Dźwięk",
+    "feedback_tab_description_label": "Twoje opinie",
-  "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.",
+    "feedback_tab_h4": "Prześlij opinię",
-  "Accept microphone permissions to join the call.": "Przyznaj uprawnienia do mikrofonu aby dołączyć do połączenia.",
+    "feedback_tab_send_logs_label": "Dołącz dzienniki debugowania",
-  "Accept camera/microphone permissions to join the call.": "Przyznaj uprawnienia do kamery/mikrofonu aby dołączyć do połączenia.",
+    "feedback_tab_thank_you": "Dziękujemy, otrzymaliśmy Twoją opinię!",
-  "<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>",
+    "feedback_tab_title": "Opinia użytkownika",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Utwórz konto</0> Albo <2>Dołącz jako gość</2>",
+    "more_tab_title": "Więcej",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Masz już konto?</0><1><0>Zaloguj się</0> Albo <2>Dołącz jako gość</2></1>",
+    "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.",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - połączenie walkie-talkie",
+    "show_connection_stats_label": "Pokaż statystyki połączenia",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "speaker_device_selection_label": "Głośnik"
-  "{{name}} is talking…": "{{name}} mówi…",
+  },
-  "{{name}} is presenting": "{{name}} prezentuje",
+  "star_rating_input_label_one": "{{count}} gwiazdki",
-  "{{displayName}}, your call is now ended": "{{displayName}}, twoje połączenie zostało zakończone",
+  "star_rating_input_label_other": "{{count}} gwiazdki",
-  "{{count}} people connected|one": "{{count}} osoba połączona",
+  "start_new_call": "Rozpocznij nowe połączenie",
-  "This feature is only supported on Firefox.": "Ta funkcjonalność jest dostępna tylko w Firefox.",
+  "start_video_button_label": "Rozpocznij wideo",
-  "Copy": "Kopiuj",
+  "stop_screenshare_button_label": "Udostępnianie ekranu",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Wysłanie logów debuggowania pomoże nam ustalić przyczynę problemu.</0>",
+  "stop_video_button_label": "Zakończ wideo",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ojej, coś poszło nie tak.</0>",
+  "submitting": "Wysyłanie…",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Dołącz do rozmowy teraz</0><1>Or</1><2>Skopiuj link do rozmowy i dołącz później</2>",
+  "unauthenticated_view_body": "Nie masz konta? <2>Utwórz je</2>",
-  "{{name}} (Waiting for video...)": "{{name}} (Oczekiwanie na wideo...)",
+  "unauthenticated_view_eula_caption": "Klikając \"Przejdź\", zgadzasz się na naszą <2>Umowę licencyjną (EULA)</2>",
-  "{{name}} (Connecting...)": "{{name}} (Łączenie...)",
+  "unauthenticated_view_login_button": "Zaloguj się do swojego konta",
-  "Expose developer settings in the settings window.": "Wyświetlaj opcje programisty w oknie ustawień.",
+  "unmute_microphone_button_label": "Odcisz mikrofon",
-  "Element Call Home": "Strona główna Element Call",
+  "version": "Wersja: {{version}}",
-  "Developer Settings": "Opcje programisty"
+  "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,143 +1,103 @@
 {
-  "Register": "Зарегистрироваться",
+  "a11y": {
-  "Saving…": "Сохранение…",
+    "user_menu": "Меню пользователя"
-  "Registering…": "Регистрация…",
+  },
-  "Logging in…": "Вход…",
+  "action": {
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "close": "Закрыть",
-  "Waiting for other participants…": "Ожидание других участников…",
+    "copy": "Копировать",
-  "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.)": "Эта функция балансирует звук к расположению плитки на экране. (Экспериментальная функция: может повлиять на стабильность аудио.)",
+    "go": "Далее",
-  "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>.",
+    "no": "Нет",
-  "This call already exists, would you like to join?": "Этот звонок уже существует, хотите присоединиться?",
+    "register": "Зарегистрироваться",
-  "Thanks! We'll get right on it.": "Спасибо! Мы учтём ваш отзыв.",
+    "remove": "Удалить",
-  "Talking…": "Говорите…",
+    "sign_in": "Войти",
-  "Submitting feedback…": "Отправка отзыва…",
+    "sign_out": "Выйти",
-  "Submit feedback": "Отправить отзыв",
+    "submit": "Отправить"
-  "Sending debug logs…": "Отправка журнала отладки…",
+  },
-  "Select an option": "Выберите вариант",
+  "analytics_notice": "Участвуя в этой бета-версии, вы соглашаетесь на сбор анонимных данных, которые мы используем для улучшения продукта. Более подробную информацию о том, какие данные мы отслеживаем, вы можете найти в нашей <2> Политике конфиденциальности</2> и нашей <5> Политике использования файлов cookie</5>.",
-  "Release to stop": "Отпустите, чтобы прекратить вещание",
+  "call_ended_view": {
-  "Release spacebar key to stop": "Чтобы прекратить вещание, отпустите [Пробел]",
+    "create_account_button": "Создать аккаунт",
-  "Press and hold to talk over {{name}}": "Зажмите, чтобы говорить поверх участника {{name}}",
+    "create_account_prompt": "<0>Почему бы не задать пароль, тем самым сохранив аккаунт?</0><1>Так вы можете оставить своё имя и задать аватар для будущих звонков.</1>",
-  "Press and hold spacebar to talk over {{name}}": "Чтобы говорить поверх участника {{name}}, нажмите и удерживайте [Пробел]",
+    "feedback_done": "<0>Спасибо за обратную связь!</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>": "Другие пользователи пытаются присоединиться с неподдерживаемых версий программы. Этим участникам надо перезагрузить браузер: <1>{userLis}</1>",
+    "feedback_prompt": "<0>Мы будем рады видеть ваши отзывы, чтобы мы могли улучшить ваш опыт.</0>",
-  "Grid layout menu": "Меню \"Расположение сеткой\"",
+    "headline": "{{displayName}}, ваш звонок окончен.",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Нажимая \"Присоединиться сейчас\", вы соглашаетесь с нашими <2>положениями и условиями</2>",
+    "not_now_button": "Не сейчас, вернуться в Начало",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Нажимая \"Далее\", вы соглашаетесь с нашими <2>положениями и условиями</2>",
+    "survey_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>": "<0>Почему бы не задать пароль, тем самым сохранив аккаунт?</0><1>Так вы можете оставить своё имя и задать аватар для будущих звонков.</1>",
+  },
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Создать аккаунт</0> или <2>Зайти как гость</2>",
+  "common": {
-  "<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>",
+    "audio": "Аудио",
-  "Your recent calls": "Ваши недавние звонки",
+    "avatar": "Аватар",
-  "You can't talk at the same time": "Вы не можете говорить одновременно",
+    "camera": "Камера",
-  "Yes, join call": "Да, присоединиться",
+    "copied": "Скопировано!",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не поддерживается или заблокирован в этом браузере.",
+    "display_name": "Видимое имя",
-  "Walkie-talkie call name": "Название звонка-рации",
+    "home": "Начало",
-  "Walkie-talkie call": "Звонок-рация",
+    "loading": "Загрузка…",
-  "Waiting for network": "Ожидание сети",
+    "microphone": "Микрофон",
-  "Video call name": "Название видео-звонка",
+    "password": "Пароль",
-  "Video call": "Видео-звонок",
+    "profile": "Профиль",
-  "Video": "Видео",
+    "settings": "Настройки",
-  "Version: {{version}}": "Версия: {{version}}",
+    "username": "Имя пользователя",
-  "Username": "Имя пользователя",
+    "video": "Видео"
-  "User menu": "Меню пользователя",
+  },
-  "User ID": "ID пользователя",
+  "exit_fullscreen_button_label": "Выйти из полноэкранного режима",
-  "Unmute microphone": "Включить микрофон",
+  "full_screen_view_description": "<0>Отправка журналов поможет нам найти и устранить проблему.</0>",
-  "Turn on camera": "Включить камеру",
+  "full_screen_view_h1": "<0>Упс, что-то пошло не так.</0>",
-  "Turn off camera": "Отключить камеру",
+  "fullscreen_button_label": "Полноэкранный режим",
-  "Talk over speaker": "Говорить через динамик",
+  "header_label": "Главная Element Call",
-  "Take me Home": "Перейти в Начало",
+  "join_existing_call_modal": {
-  "Stop sharing screen": "Остановить показ экрана",
+    "join_button": "Да, присоединиться",
-  "Spotlight": "Внимание",
+    "text": "Этот звонок уже существует, хотите присоединиться?",
-  "Speaker {{n}}": "Динамик {{n}}",
+    "title": "Присоединиться к существующему звонку?"
-  "Speaker": "Динамик",
+  },
-  "Spatial audio": "Пространственное аудио",
+  "layout_spotlight_label": "Внимание",
-  "Sign out": "Выйти",
+  "lobby": {
-  "Sign in": "Войти",
+    "join_button": "Присоединиться"
-  "Show call inspector": "Показать инспектор",
+  },
-  "Share screen": "Поделиться экраном",
+  "local_volume_label": "Местная громкость",
-  "Settings": "Настройки",
+  "logging_in": "Вход…",
-  "Sending…": "Отправка…",
+  "login_auth_links": "<0>Создать аккаунт</0> или <2>Зайти как гость</2>",
-  "Local volume": "Местная громкость",
+  "login_title": "Вход",
-  "Call type menu": "Меню \"Тип звонка\"",
+  "rageshake_request_modal": {
-  "More menu": "Полное меню",
+    "body": "У одного из участников звонка есть неполадки. Чтобы лучше диагностировать похожие проблемы, нам нужен журнал отладки.",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Звонок-рация",
+    "title": "Запрос журнала отладки"
-  "Include debug logs": "Приложить журнал отладки",
+  },
-  "Download debug logs": "Скачать журнал отладки",
+  "rageshake_send_logs": "Отправить журнал отладки",
-  "Debug log request": "Запрос журнала отладки",
+  "rageshake_sending": "Отправка…",
-  "Debug log": "Журнал отладки",
+  "rageshake_sending_logs": "Отправка журнала отладки…",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "У одного из участников звонка есть неполадки. Чтобы лучше диагностировать похожие проблемы, нам нужен журнал отладки.",
+  "recaptcha_dismissed": "Проверка не пройдена",
-  "Send debug logs": "Отправить журнал отладки",
+  "recaptcha_not_loaded": "Невозможно начать проверку",
-  "Save": "Сохранить",
+  "register": {
-  "Return to home screen": "Вернуться в Начало",
+    "passwords_must_match": "Пароли должны совпадать",
-  "Remove": "Удалить",
+    "registering": "Регистрация…"
-  "Recaptcha not loaded": "Невозможно начать проверку",
+  },
-  "Recaptcha dismissed": "Проверка не пройдена",
+  "register_auth_links": "<0>Уже есть аккаунт?</0><1><0>Войти с ним</0> или <2>Зайти как гость</2></1>",
-  "Profile": "Профиль",
+  "register_confirm_password_label": "Подтвердите пароль",
-  "Press and hold to talk": "Зажмите, чтобы говорить",
+  "return_home_button": "Вернуться в Начало",
-  "Press and hold spacebar to talk": "Чтобы говорить, нажмите и удерживайте [Пробел]",
+  "room_auth_view_join_button": "Присоединиться сейчас",
-  "Passwords must match": "Пароли должны совпадать",
+  "screenshare_button_label": "Поделиться экраном",
-  "Password": "Пароль",
+  "select_input_unset_button": "Выберите вариант",
-  "Not registered yet? <2>Create an account</2>": "Ещё не зарегистрированы? <2>Создайте аккаунт</2>",
+  "settings": {
-  "Not now, return to home screen": "Не сейчас, вернуться в Начало",
+    "developer_settings_label": "Настройки Разработчика",
-  "No": "Нет",
+    "developer_settings_label_description": "Раскрыть настройки разработчика в окне настроек.",
-  "Mute microphone": "Отключить микрофон",
+    "developer_tab_title": "Разработчику",
-  "More": "Больше",
+    "feedback_tab_body": "Если у вас возникли проблемы или вы просто хотите оставить отзыв, отправьте нам краткое описание ниже.",
-  "Microphone permissions needed to join the call.": "Нужно разрешение на доступ к микрофону для присоединения к звонку.",
+    "feedback_tab_description_label": "Ваш отзыв",
-  "Microphone {{n}}": "Микрофон {{n}}",
+    "feedback_tab_h4": "Отправить отзыв",
-  "Microphone": "Микрофон",
+    "feedback_tab_send_logs_label": "Приложить журнал отладки",
-  "Login to your account": "Войдите в свой аккаунт",
+    "feedback_tab_thank_you": "Спасибо. Мы получили ваш отзыв!",
-  "Login": "Вход",
+    "feedback_tab_title": "Отзыв",
-  "Loading…": "Загрузка…",
+    "more_tab_title": "Больше",
-  "Loading room…": "Загрузка комнаты…",
+    "opt_in_description": "<0></0><1></1>Вы можете отозвать согласие, сняв этот флажок. Если вы в данный момент находитесь в разговоре, эта настройка вступит в силу по окончании разговора.",
-  "Leave": "Покинуть",
+    "show_connection_stats_label": "Показать статистику соединения",
-  "Join existing call?": "Присоединиться к существующему звонку?",
+    "speaker_device_selection_label": "Динамик"
-  "Join call now": "Присоединиться сейчас",
+  },
-  "Join call": "Присоединиться",
+  "star_rating_input_label_one": "{{count}} отмечен",
-  "Invite people": "Пригласить участников",
+  "star_rating_input_label_other": "{{count}} отмеченных",
-  "Invite": "Пригласить",
+  "submitting": "Отправляем…",
-  "Inspector": "Инспектор",
+  "unauthenticated_view_body": "Ещё не зарегистрированы? <2>Создайте аккаунт</2>",
-  "Incompatible versions!": "Несовместимые версии!",
+  "unauthenticated_view_login_button": "Войдите в свой аккаунт",
-  "Incompatible versions": "Несовместимые версии",
+  "version": "Версия: {{version}}",
-  "Home": "Начало",
+  "video_tile": {
-  "Having trouble? Help us fix it.": "Есть проблема? Помогите нам её устранить.",
+    "presenter_label": "{{displayName}} представляет"
-  "Go": "Далее",
+  },
-  "Full screen": "Полноэкранный режим",
+  "waiting_for_participants": "Ожидание других участников…"
-  "Freedom": "Свобода",
-  "Fetching group call timed out.": "Истекло время ожидания для группового звонка.",
-  "Exit full screen": "Выйти из полноэкранного режима",
-  "Display name": "Видимое имя",
-  "Developer": "Разработчику",
-  "Details": "Подробности",
-  "Description (optional)": "Описание (необязательно)",
-  "Create account": "Создать аккаунт",
-  "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,143 +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",
-  "Submitting feedback…": "Odosielanie spätnej väzby…",
+    "sign_out": "Odhlásiť sa",
-  "Submit feedback": "Odoslať spätnú väzbu",
+    "submit": "Odoslať"
-  "Stop sharing screen": "Zastaviť zdieľanie obrazovky",
+  },
-  "Show call inspector": "Zobraziť inšpektora hovorov",
+  "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>.",
-  "Share screen": "Zdieľať obrazovku",
+  "app_selection_modal": {
-  "Sending…": "Odosielanie…",
+    "continue_in_browser": "Pokračovať v prehliadači",
-  "Sending debug logs…": "Odosielanie záznamov o ladení…",
+    "open_in_app": "Otvoriť v aplikácii",
-  "Send debug logs": "Odoslať záznamy o ladení",
+    "text": "Ste pripravení sa pridať?",
-  "Select an option": "Vyberte možnosť",
+    "title": "Vybrať aplikáciu"
-  "Saving…": "Ukladanie…",
+  },
-  "Save": "Uložiť",
+  "browser_media_e2ee_unsupported": "Váš webový prehliadač nepodporuje end-to-end šifrovanie médií. Podporované prehliadače sú Chrome, Safari, Firefox >=117",
-  "Return to home screen": "Návrat na domovskú obrazovku",
+  "call_ended_view": {
-  "Remove": "Odstrániť",
+    "body": "Boli ste odpojení z hovoru",
-  "Release spacebar key to stop": "Pustite medzerník pre ukončenie",
+    "create_account_button": "Vytvoriť účet",
-  "Release to stop": "Pustite pre ukončenie",
+    "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>",
-  "Registering…": "Registrácia…",
+    "feedback_done": "<0> Ďakujeme za vašu spätnú väzbu!</0>",
-  "Register": "Registrovať sa",
+    "feedback_prompt": "<0> Radi si vypočujeme vašu spätnú väzbu, aby sme mohli zlepšiť vaše skúsenosti.</0>",
-  "Recaptcha not loaded": "Recaptcha sa nenačítala",
+    "headline": "{{displayName}}, váš hovor skončil.",
-  "Recaptcha dismissed": "Recaptcha zamietnutá",
+    "not_now_button": "Teraz nie, vrátiť sa na domovskú obrazovku",
-  "Profile": "Profil",
+    "reconnect_button": "Znovu pripojiť",
-  "Press and hold to talk over {{name}}": "Stlačte a podržte pre hovor cez {{name}}",
+    "survey_prompt": "Ako to išlo?"
-  "Press and hold to talk": "Stlačte a podržte pre hovor",
+  },
-  "Press and hold spacebar to talk over {{name}}": "Stlačte a podržte medzerník, ak chcete hovoriť cez {{name}}",
+  "call_name": "Názov hovoru",
-  "Press and hold spacebar to talk": "Stlačte a podržte medzerník, ak chcete hovoriť",
+  "common": {
-  "Passwords must match": "Heslá sa musia zhodovať",
+    "avatar": "Obrázok",
-  "Password": "Heslo",
+    "camera": "Kamera",
-  "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>",
+    "copied": "Skopírované!",
-  "Not registered yet? <2>Create an account</2>": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
+    "display_name": "Zobrazované meno",
-  "Not now, return to home screen": "Teraz nie, vrátiť sa na domovskú obrazovku",
+    "encrypted": "Šifrované",
-  "No": "Nie",
+    "home": "Domov",
-  "Mute microphone": "Stlmiť mikrofón",
+    "loading": "Načítanie…",
-  "More menu": "Ponuka viac",
+    "microphone": "Mikrofón",
-  "More": "Viac",
+    "password": "Heslo",
-  "Microphone permissions needed to join the call.": "Povolenie mikrofónu je potrebné na pripojenie k hovoru.",
+    "profile": "Profil",
-  "Microphone {{n}}": "Mikrofón {{n}}",
+    "settings": "Nastavenia",
-  "Microphone": "Mikrofón",
+    "unencrypted": "Nie je zašifrované",
-  "Login to your account": "Prihláste sa do svojho konta",
+    "username": "Meno používateľa"
-  "Login": "Prihlásiť sa",
+  },
-  "Logging in…": "Prihlasovanie…",
+  "disconnected_banner": "Spojenie so serverom sa stratilo.",
-  "Loading…": "Načítanie…",
+  "exit_fullscreen_button_label": "Ukončiť zobrazenie na celú obrazovku",
-  "Loading room…": "Načítanie miestnosti…",
+  "full_screen_view_description": "<0>Odoslanie záznamov ladenia nám pomôže nájsť problém.</0>",
-  "Leave": "Opustiť",
+  "full_screen_view_h1": "<0>Hups, niečo sa pokazilo.</0>",
-  "Join existing call?": "Pripojiť sa k existujúcemu hovoru?",
+  "fullscreen_button_label": "Zobrazenie na celú obrazovku",
-  "Join call now": "Pripojiť sa k hovoru teraz",
+  "group_call_loader_failed_heading": "Hovor nebol nájdený",
-  "Join call": "Pripojiť sa k hovoru",
+  "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ľúč.",
-  "Invite people": "Pozvať ľudí",
+  "hangup_button_label": "Ukončiť hovor",
-  "Invite": "Pozvať",
+  "header_label": "Domov Element Call",
-  "Inspector": "Inšpektor",
+  "header_participants_label": "Účastníci",
-  "Incompatible versions!": "Nekompatibilné verzie!",
+  "invite_modal": {
-  "Incompatible versions": "Nekompatibilné verzie",
+    "link_copied_toast": "Odkaz skopírovaný do schránky",
-  "Home": "Domov",
+    "title": "Pozvať na tento hovor"
-  "Having trouble? Help us fix it.": "Máte problém? Pomôžte nám ho opraviť.",
+  },
-  "Grid layout menu": "Ponuka rozloženia mriežky",
+  "join_existing_call_modal": {
-  "Go": "Prejsť",
+    "join_button": "Áno, pripojiť sa k hovoru",
-  "Full screen": "Zobrazenie na celú obrazovku",
+    "text": "Tento hovor už existuje, chceli by ste sa k nemu pripojiť?",
-  "Freedom": "Sloboda",
+    "title": "Pripojiť sa k existujúcemu hovoru?"
-  "Exit full screen": "Ukončiť zobrazenie na celú obrazovku",
+  },
-  "Download debug logs": "Stiahnuť záznamy ladenia",
+  "layout_grid_label": "Sieť",
-  "Your recent calls": "Vaše nedávne hovory",
+  "layout_spotlight_label": "Stredobod",
-  "Yes, join call": "Áno, pripojiť sa k hovoru",
+  "lobby": {
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC nie je podporované alebo je v tomto prehliadači blokované.",
+    "join_button": "Pripojiť sa k hovoru",
-  "Walkie-talkie call name": "Názov vysielačkového hovoru",
+    "leave_button": "Späť k nedávnym"
-  "Walkie-talkie call": "Vysielačkový hovor",
+  },
-  "Video call name": "Názov video hovoru",
+  "local_volume_label": "Lokálna hlasitosť",
-  "Video call": "Video hovor",
+  "logging_in": "Prihlasovanie…",
-  "Video": "Video",
+  "login_auth_links": "<0>Vytvoriť konto</0> Alebo <2>Prihlásiť sa ako hosť</2>",
-  "Version: {{version}}": "Verzia: {{version}}",
+  "login_title": "Prihlásiť sa",
-  "Username": "Meno používateľa",
+  "microphone_off": "Mikrofón vypnutý",
-  "User menu": "Používateľské menu",
+  "microphone_on": "Mikrofón zapnutý",
-  "User ID": "ID používateľa",
+  "mute_microphone_button_label": "Stlmiť mikrofón",
-  "Unmute microphone": "Zrušiť stlmenie mikrofónu",
+  "rageshake_button_error_caption": "Opakovať odoslanie záznamov",
-  "Turn on camera": "Zapnúť kameru",
+  "rageshake_request_modal": {
-  "Turn off camera": "Vypnúť kameru",
+    "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í.",
-  "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>",
+    "title": "Žiadosť o záznam ladenia"
-  "This call already exists, would you like to join?": "Tento hovor už existuje, chceli by ste sa k nemu pripojiť?",
+  },
-  "Speaker {{n}}": "Reproduktor {{n}}",
+  "rageshake_send_logs": "Odoslať záznamy o ladení",
-  "Speaker": "Reproduktor",
+  "rageshake_sending": "Odosielanie…",
-  "Spatial audio": "Priestorový zvuk",
+  "rageshake_sending_logs": "Odosielanie záznamov o ladení…",
-  "Sign out": "Odhlásiť sa",
+  "rageshake_sent": "Ďakujeme!",
-  "Sign in": "Prihlásiť sa",
+  "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>",
-  "Settings": "Nastavenia",
+  "recaptcha_dismissed": "Recaptcha zamietnutá",
-  "Display name": "Zobrazované meno",
+  "recaptcha_not_loaded": "Recaptcha sa nenačítala",
-  "Developer": "Vývojár",
+  "register": {
-  "Details": "Podrobnosti",
+    "passwords_must_match": "Heslá sa musia zhodovať",
-  "Description (optional)": "Popis (voliteľné)",
+    "registering": "Registrácia…"
-  "Debug log request": "Žiadosť o záznam ladenia",
+  },
-  "Debug log": "Záznam o ladení",
+  "register_auth_links": "<0>Už máte konto?</0><1><0>Prihláste sa</0> Alebo <2>Prihlásiť sa ako hosť</2></1>",
-  "Create account": "Vytvoriť účet",
+  "register_confirm_password_label": "Potvrdiť heslo",
-  "Copy and share this call link": "Skopírovať a zdieľať tento odkaz na hovor",
+  "return_home_button": "Návrat na domovskú obrazovku",
-  "Copy": "Kopírovať",
+  "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>",
-  "Copied!": "Skopírované!",
+  "room_auth_view_join_button": "Pripojiť sa k hovoru teraz",
-  "Connection lost": "Strata spojenia",
+  "screenshare_button_label": "Zdieľať obrazovku",
-  "Confirm password": "Potvrdiť heslo",
+  "select_input_unset_button": "Vyberte možnosť",
-  "Close": "Zatvoriť",
+  "settings": {
-  "Change layout": "Zmeniť rozloženie",
+    "developer_settings_label": "Nastavenia pre vývojárov",
-  "Camera/microphone permissions needed to join the call.": "Povolenie kamery/mikrofónu je potrebné na pripojenie k hovoru.",
+    "developer_settings_label_description": "Zobraziť nastavenia pre vývojárov v okne nastavení.",
-  "Camera {{n}}": "Kamera {{n}}",
+    "developer_tab_title": "Vývojár",
-  "Camera": "Kamera",
+    "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.",
-  "Call type menu": "Ponuka typu hovoru",
+    "feedback_tab_description_label": "Vaša spätná väzba",
-  "Call link copied": "Odkaz na hovor skopírovaný",
+    "feedback_tab_h4": "Odoslať spätnú väzbu",
-  "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>",
+    "feedback_tab_send_logs_label": "Zahrnúť záznamy o ladení",
-  "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>",
+    "feedback_tab_thank_you": "Ďakujeme, dostali sme vašu spätnú väzbu!",
-  "Avatar": "Obrázok",
+    "feedback_tab_title": "Spätná väzba",
-  "Audio": "Audio",
+    "more_tab_title": "Viac",
-  "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í.",
+    "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.",
-  "Accept camera/microphone permissions to join the call.": "Prijmite povolenia kamery/mikrofónu, aby ste sa mohli pripojiť k hovoru.",
+    "show_connection_stats_label": "Zobraziť štatistiky pripojenia",
-  "Accept microphone permissions to join the call.": "Prijmite povolenia mikrofónu, aby ste sa mohli pripojiť k hovoru.",
+    "speaker_device_selection_label": "Reproduktor"
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Prečo neskončiť nastavením hesla, aby ste si zachovali svoj účet? </0><1>Budete si môcť ponechať svoje meno a nastaviť obrázok, ktorý sa bude používať pri budúcich hovoroch</1>",
+  },
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Pripojiť sa k hovoru teraz</0><1>alebo</1><2>Kopírovať odkaz na hovor a pripojiť sa neskôr</2>",
+  "star_rating_input_label_one": "{{count}} hviezdička",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Vytvoriť konto</0> Alebo <2>Prihlásiť sa ako hosť</2>",
+  "star_rating_input_label_other": "{{count}} hviezdičiek",
-  "<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>",
+  "start_new_call": "Spustiť nový hovor",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Vysielačkový hovor",
+  "start_video_button_label": "Spustiť video",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "stop_screenshare_button_label": "Zdieľanie obrazovky",
-  "{{name}} is talking…": "{{name}} rozpráva…",
+  "stop_video_button_label": "Zastaviť video",
-  "{{name}} is presenting": "{{name}} prezentuje",
+  "submitting": "Odosielanie…",
-  "{{name}} (Waiting for video...)": "{{name}} (Čaká sa na video...)",
+  "unauthenticated_view_body": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
-  "{{name}} (Connecting...)": "{{name}} (Pripájanie...)",
+  "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>",
-  "{{displayName}}, your call is now ended": "{{displayName}}, váš hovor je teraz ukončený",
+  "unauthenticated_view_login_button": "Prihláste sa do svojho konta",
-  "{{count}} people connected|other": "{{count}} osôb pripojených",
+  "unmute_microphone_button_label": "Zrušiť stlmenie mikrofónu",
-  "{{count}} people connected|one": "{{count}} osoba pripojená",
+  "version": "Verzia: {{version}}",
-  "This feature is only supported on Firefox.": "Táto funkcia je podporovaná len v prehliadači Firefox.",
+  "video_tile": {
-  "<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>",
+    "presenter_label": "{{displayName}} prezentuje",
-  "<0>Oops, something's gone wrong.</0>": "<0>Hups, niečo sa pokazilo.</0>",
+    "sfu_participant_local": "Vy"
-  "Use the upcoming grid system": "Použiť pripravovaný systém mriežky",
+  },
-  "Expose developer settings in the settings window.": "Zobraziť nastavenia pre vývojárov v okne nastavení.",
+  "waiting_for_participants": "Čaká sa na ďalších účastníkov…"
-  "Developer Settings": "Nastavenia pre vývojárov",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Účasťou v tejto beta verzii súhlasíte so zhromažďovaním anonymných údajov, ktoré použijeme na zlepšenie produktu. Viac informácií o tom, ktoré údaje sledujeme, nájdete v našich <2>Zásadách ochrany osobných údajov</2> a <5>Zásadách používania súborov cookie</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Súhlas môžete odvolať zrušením označenia tohto políčka. Ak práve prebieha hovor, toto nastavenie nadobudne platnosť po skončení hovoru."
 }

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,100 +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",
-  "Description (optional)": "Tanım (isteğe bağlı)",
+    "password": "Parola",
-  "Details": "Ayrıntı",
+    "settings": "Ayarlar"
-  "Developer": "Geliştirici",
+  },
-  "Display name": "Ekran adı",
+  "exit_fullscreen_button_label": "Tam ekranı terk et",
-  "Download debug logs": "Hata ayıklama kütüğünü indir",
+  "fullscreen_button_label": "Tam ekran",
-  "Exit full screen": "Tam ekranı terk et",
+  "join_existing_call_modal": {
-  "Fetching group call timed out.": "Grup çağrısı zaman aşımına uğradı.",
+    "text": "Bu arama zaten var, katılmak ister misiniz?",
-  "Freedom": "Özgürlük",
+    "title": "Mevcut aramaya katıl?"
-  "Full screen": "Tam ekran",
+  },
-  "Go": "Git",
+  "lobby": {
-  "Grid layout menu": "Izgara plan menü",
+    "join_button": "Aramaya katıl"
-  "Having trouble? Help us fix it.": "Sorun mu var? Çözmemize yardım edin.",
+  },
-  "Home": "Ev",
+  "local_volume_label": "Yerel ses seviyesi",
-  "Include debug logs": "Hata ayıklama kütüğünü dahil et",
+  "logging_in": "Giriliyor…",
-  "Incompatible versions": "Uyumsuz sürümler",
+  "login_auth_links": "<0>Hesap oluştur</0> yahut <2>Konuk olarak gir</2>",
-  "Incompatible versions!": "Sürüm uyumsuz!",
+  "login_title": "Gir",
-  "Inspector": "Denetçi",
+  "rageshake_request_modal": {
-  "Invite people": "Kişileri davet et",
+    "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 call": "Aramaya katıl",
+    "title": "Hata ayıklama kütük istemi"
-  "Join call now": "Aramaya katıl",
+  },
-  "Join existing call?": "Mevcut aramaya katıl?",
+  "rageshake_send_logs": "Hata ayıklama kütüğünü gönder",
-  "Leave": "Çık",
+  "rageshake_sending": "Gönderiliyor…",
-  "Loading room…": "Oda yükleniyor…",
+  "recaptcha_dismissed": "reCAPTCHA atlandı",
-  "Loading…": "Yükleniyor…",
+  "recaptcha_not_loaded": "reCAPTCHA yüklenmedi",
-  "Local volume": "Yerel ses seviyesi",
+  "register": {
-  "Logging in…": "Giriliyor…",
+    "passwords_must_match": "Parolalar aynı olmalı",
-  "Login": "Gir",
+    "registering": "Kaydediyor…"
-  "Login to your account": "Hesabınıza girin",
+  },
-  "Microphone": "Mikrofon",
+  "register_auth_links": "<0>Mevcut hesabınız mı var?</0><1><0>Gir</0> yahut <2>Konuk girişi</2></1>",
-  "Microphone permissions needed to join the call.": "Aramaya katılmak için mikrofon erişim izni gerek.",
+  "register_confirm_password_label": "Parolayı tekrar edin",
-  "Microphone {{n}}": "{{n}}. mikrofon",
+  "return_home_button": "Ev ekranına geri dön",
-  "More": "Daha",
+  "room_auth_view_join_button": "Aramaya katıl",
-  "More menu": "Daha fazla",
+  "screenshare_button_label": "Ekran paylaş",
-  "Mute microphone": "Mikrofonu kapat",
+  "select_input_unset_button": "Bir seçenek seç",
-  "No": "Hayır",
+  "settings": {
-  "Not now, return to home screen": "Şimdi değil, ev ekranına dön",
+    "developer_tab_title": "Geliştirici",
-  "Not registered yet? <2>Create an account</2>": "Kaydolmadınız mı? <2>Hesap açın</2>",
+    "feedback_tab_h4": "Geri bildirim ver",
-  "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.",
+    "feedback_tab_send_logs_label": "Hata ayıklama kütüğünü dahil et",
-  "Password": "Parola",
+    "more_tab_title": "Daha"
-  "Passwords must match": "Parolalar aynı olmalı",
+  },
-  "Press and hold spacebar to talk": "Konuşmak için boşluk çubuğunu basılı tutun",
+  "unauthenticated_view_body": "Kaydolmadınız mı? <2>Hesap açın</2>",
-  "Press and hold to talk": "Konuşmak için basılı tutun",
+  "unauthenticated_view_login_button": "Hesabınıza girin"
-  "Recaptcha dismissed": "reCAPTCHA atlandı",
-  "Recaptcha not loaded": "reCAPTCHA yüklenmedi",
-  "Register": "Kaydol",
-  "Registering…": "Kaydediyor…",
-  "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",
-  "Save": "Kaydet",
-  "Saving…": "Kaydediliyor…",
-  "Select an option": "Bir seçenek seç",
-  "Send debug logs": "Hata ayıklama kütüğünü gönder",
-  "Sending…": "Gönderiliyor…",
-  "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",
-  "Submitting feedback…": "Geri bildirimler gönderiliyor…",
-  "Take me Home": "Ev ekranına gir",
-  "Talking…": "Konuşuyor…",
-  "Thanks! We'll get right on it.": "Sağol! Bununla ilgileneceğiz.",
-  "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,143 +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": "Надіслати"
-  "User ID": "ID користувача",
+  },
-  "Unmute microphone": "Увімкнути мікрофон",
+  "analytics_notice": "Користуючись дочасним доступом, ви даєте згоду на збір анонімних даних, які ми використовуємо для вдосконалення продукту. Ви можете знайти більше інформації про те, які дані ми відстежуємо в нашій <2>Політиці Приватності</2> і нашій <5>Політиці про куки</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 і до нього застосовується <2>Політика приватності</2> і <6>Умови надання послуг</6> Google.<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": "Вас від'єднано від виклику",
-  "Submitting feedback…": "Надсилання відгуку…",
+    "create_account_button": "Створити обліковий запис",
-  "Submit feedback": "Надіслати відгук",
+    "create_account_prompt": "<0>Чому б не завершити, налаштувавши пароль для збереження свого облікового запису?</0><1>Ви зможете зберегти своє ім'я та встановити аватарку для подальшого користування під час майбутніх викликів</1>",
-  "Stop sharing screen": "Припинити показ екрана",
+    "feedback_done": "<0>Дякуємо за ваш відгук!</0>",
-  "Spotlight": "У центрі уваги",
+    "feedback_prompt": "<0>Ми будемо раді почути ваші відгуки, щоб поліпшити роботу застосунку.</0>",
-  "Speaker {{n}}": "Динамік {{n}}",
+    "headline": "{{displayName}}, ваш виклик завершено.",
-  "Speaker": "Динамік",
+    "not_now_button": "Не зараз, повернутися на екран домівки",
-  "Spatial audio": "Просторовий звук",
+    "reconnect_button": "Під'єднати повторно",
-  "Sign out": "Вийти",
+    "survey_prompt": "Вам усе сподобалось?"
-  "Sign in": "Увійти",
+  },
-  "Show call inspector": "Показати інспектора виклику",
+  "call_name": "Назва виклику",
-  "Share screen": "Поділитися екраном",
+  "common": {
-  "Settings": "Налаштування",
+    "audio": "Звук",
-  "Sending…": "Надсилання…",
+    "avatar": "Аватар",
-  "Sending debug logs…": "Надсилання журналу налагодження…",
+    "camera": "Камера",
-  "Send debug logs": "Надіслати журнал налагодження",
+    "copied": "Скопійовано!",
-  "Select an option": "Вибрати опцію",
+    "display_name": "Псевдонім",
-  "Saving…": "Збереження…",
+    "encrypted": "Зашифровано",
-  "Save": "Зберегти",
+    "home": "Домівка",
-  "Return to home screen": "Повернутися на екран домівки",
+    "loading": "Завантаження…",
-  "Remove": "Вилучити",
+    "microphone": "Мікрофон",
-  "Release to stop": "Відпустіть, щоб закінчити",
+    "password": "Пароль",
-  "Release spacebar key to stop": "Відпустіть пробіл, щоб закінчити",
+    "profile": "Профіль",
-  "Registering…": "Реєстрація…",
+    "settings": "Налаштування",
-  "Register": "Зареєструватися",
+    "unencrypted": "Не зашифровано",
-  "Recaptcha not loaded": "Recaptcha не завантажено",
+    "username": "Ім'я користувача",
-  "Recaptcha dismissed": "Recaptcha не пройдено",
+    "video": "Відео"
-  "Profile": "Профіль",
+  },
-  "Press and hold to talk over {{name}}": "Затисніть, щоб говорити одночасно з {{name}}",
+  "disconnected_banner": "Втрачено зв'язок з сервером.",
-  "Press and hold to talk": "Затисніть, щоб говорити",
+  "exit_fullscreen_button_label": "Вийти з повноекранного режиму",
-  "Press and hold spacebar to talk over {{name}}": "Щоб говорити одночасно з {{name}}, затисніть пробіл",
+  "full_screen_view_description": "<0>Надсилання журналів налагодження допоможе нам виявити проблему.</0>",
-  "Press and hold spacebar to talk": "Затисніть пробіл, щоб говорити",
+  "full_screen_view_h1": "<0>Йой, щось пішло не за планом.</0>",
-  "Passwords must match": "Паролі відрізняються",
+  "fullscreen_button_label": "Повноекранний режим",
-  "Password": "Пароль",
+  "group_call_loader_failed_heading": "Виклик не знайдено",
-  "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>",
+  "group_call_loader_failed_text": "Відтепер виклики захищено наскрізним шифруванням, і їх потрібно створювати з домашньої сторінки. Це допомагає переконатися, що всі користувачі використовують один і той самий ключ шифрування.",
-  "Not registered yet? <2>Create an account</2>": "Ще не зареєстровані? <2>Створіть обліковий запис</2>",
+  "hangup_button_label": "Завершити виклик",
-  "Not now, return to home screen": "Не зараз, повернутися на екран домівки",
+  "header_label": "Домівка Element Call",
-  "No": "Ні",
+  "header_participants_label": "Учасники",
-  "Mute microphone": "Заглушити мікрофон",
+  "invite_modal": {
-  "More menu": "Усе меню",
+    "link_copied_toast": "Посилання скопійовано до буфера обміну",
-  "More": "Докладніше",
+    "title": "Запросити до цього виклику"
-  "Microphone permissions needed to join the call.": "Для участі у виклику необхідний дозвіл на користування мікрофоном.",
+  },
-  "Microphone {{n}}": "Мікрофон {{n}}",
+  "join_existing_call_modal": {
-  "Microphone": "Мікрофон",
+    "join_button": "Так, приєднатися до виклику",
-  "Login to your account": "Увійдіть до свого облікового запису",
+    "text": "Цей виклик уже існує, бажаєте приєднатися?",
-  "Login": "Увійти",
+    "title": "Приєднатися до наявного виклику?"
-  "Logging in…": "Вхід…",
+  },
-  "Local volume": "Локальна гучність",
+  "layout_grid_label": "Сітка",
-  "Loading room…": "Завантаження кімнати…",
+  "layout_spotlight_label": "У центрі уваги",
-  "Leave": "Вийти",
+  "lobby": {
-  "Join existing call?": "Приєднатися до наявного виклику?",
+    "join_button": "Приєднатися до виклику",
-  "Join call now": "Приєднатися до виклику зараз",
+    "leave_button": "Повернутися до недавніх"
-  "Join call": "Приєднатися до виклику",
+  },
-  "Invite people": "Запросити людей",
+  "local_volume_label": "Локальна гучність",
-  "Invite": "Запросити",
+  "logging_in": "Вхід…",
-  "Inspector": "Інспектор",
+  "login_auth_links": "<0>Створити обліковий запис</0> або <2>Отримати доступ як гість</2>",
-  "Incompatible versions!": "Несумісні версії!",
+  "login_title": "Увійти",
-  "Incompatible versions": "Несумісні версії",
+  "microphone_off": "Мікрофон вимкнено",
-  "Include debug logs": "Долучити журнали налагодження",
+  "microphone_on": "Мікрофон увімкнено",
-  "Home": "Домівка",
+  "mute_microphone_button_label": "Вимкнути мікрофон",
-  "Having trouble? Help us fix it.": "Проблеми? Допоможіть нам це виправити.",
+  "rageshake_button_error_caption": "Повторити надсилання журналів",
-  "Grid layout menu": "Меню у вигляді сітки",
+  "rageshake_request_modal": {
-  "Go": "Далі",
+    "body": "Інший користувач у цьому виклику має проблему. Щоб краще визначити ці проблеми, ми хотіли б зібрати журнал налагодження.",
-  "Full screen": "Повноекранний режим",
+    "title": "Запит журналу налагодження"
-  "Freedom": "Свобода",
+  },
-  "Fetching group call timed out.": "Вичерпано час очікування групового виклику.",
+  "rageshake_send_logs": "Надіслати журнал налагодження",
-  "Exit full screen": "Вийти з повноекранного режиму",
+  "rageshake_sending": "Надсилання…",
-  "Download debug logs": "Завантажити журнали налагодження",
+  "rageshake_sending_logs": "Надсилання журналу налагодження…",
-  "Display name": "Показуване ім'я",
+  "rageshake_sent": "Дякуємо!",
-  "Developer": "Розробнику",
+  "recaptcha_caption": "Цей сайт захищений ReCAPTCHA і до нього застосовується <2>Політика приватності</2> і <6>Умови надання послуг</6> Google.<9></9>Натискаючи \"Зареєструватися\", ви погоджуєтеся з нашою <12>Ліцензійною угодою з кінцевим користувачем (EULA)</12>",
-  "Details": "Подробиці",
+  "recaptcha_dismissed": "Recaptcha не пройдено",
-  "Description (optional)": "Опис (необов'язково)",
+  "recaptcha_not_loaded": "Recaptcha не завантажено",
-  "Debug log request": "Запит журналу налагодження",
+  "register": {
-  "Debug log": "Журнал налагодження",
+    "passwords_must_match": "Паролі відрізняються",
-  "Create account": "Створити обліковий запис",
+    "registering": "Реєстрація…"
-  "Copy and share this call link": "Скопіювати та поділитися цим посиланням на виклик",
+  },
-  "Copied!": "Скопійовано!",
+  "register_auth_links": "<0>Уже маєте обліковий запис?</0><1><0>Увійти</0> Or <2>Отримати доступ як гість</2></1>",
-  "Connection lost": "З'єднання розірвано",
+  "register_confirm_password_label": "Підтвердити пароль",
-  "Confirm password": "Підтвердити пароль",
+  "return_home_button": "Повернутися на екран домівки",
-  "Close": "Закрити",
+  "room_auth_view_eula_caption": "Натискаючи \"Приєднатися до виклику зараз\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
-  "Change layout": "Змінити макет",
+  "room_auth_view_join_button": "Приєднатися до виклику зараз",
-  "Camera/microphone permissions needed to join the call.": "Для приєднання до виклику необхідні дозволи камери/мікрофона.",
+  "screenshare_button_label": "Поділитися екраном",
-  "Camera {{n}}": "Камера {{n}}",
+  "select_input_unset_button": "Вибрати опцію",
-  "Camera": "Камера",
+  "settings": {
-  "Call type menu": "Меню типу виклику",
+    "developer_settings_label": "Налаштування розробника",
-  "Call link copied": "Посилання на виклик скопійовано",
+    "developer_settings_label_description": "Відкрийте налаштування розробника у вікні налаштувань.",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Натиснувши «Приєднатися до виклику зараз», ви погодитеся з нашими <2>Умовами та положеннями</2>",
+    "developer_tab_title": "Розробнику",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Натиснувши «Далі», ви погодитеся з нашими <2>Умовами та положеннями</2>",
+    "feedback_tab_body": "Якщо у вас виникли проблеми або ви просто хочете залишити відгук, надішліть нам короткий опис нижче.",
-  "Avatar": "Аватар",
+    "feedback_tab_description_label": "Ваш відгук",
-  "Audio": "Звук",
+    "feedback_tab_h4": "Надіслати відгук",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Інший користувач у цьому виклику має проблему. Щоб краще визначити ці проблеми, ми хотіли б зібрати журнал налагодження.",
+    "feedback_tab_send_logs_label": "Долучити журнали налагодження",
-  "Accept microphone permissions to join the call.": "Надайте дозволи на використання мікрофонів для приєднання до виклику.",
+    "feedback_tab_thank_you": "Дякуємо, ми отримали ваш відгук!",
-  "Accept camera/microphone permissions to join the call.": "Надайте дозвіл на використання камери/мікрофона для приєднання до виклику.",
+    "feedback_tab_title": "Відгук",
-  "<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>",
+    "more_tab_title": "Докладніше",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Створити обліковий запис</0> або <2>Отримати доступ як гість</2>",
+    "opt_in_description": "<0></0><1></1>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику.",
-  "<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>",
+    "show_connection_stats_label": "Показати стан з'єднання",
-  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Виклик-рація",
+    "speaker_device_selection_label": "Динамік"
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  },
-  "{{name}} is talking…": "{{name}} балакає…",
+  "star_rating_input_label_one": "{{count}} зірок",
-  "{{name}} is presenting": "{{name}} показує",
+  "star_rating_input_label_other": "{{count}} зірок",
-  "{{displayName}}, your call is now ended": "{{displayName}}, ваш виклик завершено",
+  "start_new_call": "Розпочати новий виклик",
-  "{{count}} people connected|other": "{{count}} під'єдналися",
+  "start_video_button_label": "Розпочати відео",
-  "{{count}} people connected|one": "{{count}} під'єднується",
+  "stop_screenshare_button_label": "Презентація екрана",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Приєднатися до виклику зараз</0><1>Or</1><2>Скопіювати посилання на виклик і приєднатися пізніше</2>",
+  "stop_video_button_label": "Зупинити відео",
-  "{{name}} (Connecting...)": "{{name}} (З'єднання...)",
+  "submitting": "Надсилання…",
-  "Element Call Home": "Домівка Element Call",
+  "unauthenticated_view_body": "Ще не зареєстровані? <2>Створіть обліковий запис</2>",
-  "Copy": "Копіювати",
+  "unauthenticated_view_eula_caption": "Натискаючи \"Далі\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
-  "{{name}} (Waiting for video...)": "{{name}} (Очікування на відео...)",
+  "unauthenticated_view_login_button": "Увійдіть до свого облікового запису",
-  "This feature is only supported on Firefox.": "Ця функція підтримується лише в браузері Firefox.",
+  "unmute_microphone_button_label": "Увімкнути мікрофон",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Надсилання журналів налагодження допоможе нам виявити проблему.</0>",
+  "version": "Версія: {{version}}",
-  "<0>Oops, something's gone wrong.</0>": "<0>Йой, щось пішло не за планом.</0>",
+  "video_tile": {
-  "Use the upcoming grid system": "Використовувати майбутню сіткову систему",
+    "presenter_label": "{{displayName}} представляє",
-  "Expose developer settings in the settings window.": "Відкрийте налаштування розробника у вікні налаштувань.",
+    "sfu_participant_local": "Ви"
-  "Developer Settings": "Налаштування розробника",
+  },
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Користуючись дочасним доступом, ви даєте згоду на збір анонімних даних, які ми використовуємо для вдосконалення продукту. Ви можете знайти більше інформації про те, які дані ми відстежуємо в нашій <2>Політиці Приватності</2> і нашій <5>Політиці про куки</5>.",
+  "waiting_for_participants": "Очікування на інших учасників…"
-  "<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/vi/app.json

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

public/locales/zh-Hant/app.json

@@ -1,143 +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}}，您的通話已結束。",
-  "User ID": "使用者 ID",
+    "not_now_button": "現在不行，回到首頁",
-  "Unmute microphone": "取消麥克風靜音",
+    "reconnect_button": "重新連線",
-  "Turn on camera": "開啟相機",
+    "survey_prompt": "進展如何？"
-  "Turn off camera": "關閉相機",
+  },
-  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "這會使得發言者的聲音聽起來，像從他們在畫面中的位置傳來（實驗性功能：這可能會影響語音的穩定性。）",
+  "call_name": "通話名稱",
-  "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>",
+  "common": {
-  "This feature is only supported on Firefox.": "只有 Firefox 支援此功能。",
+    "audio": "語音",
-  "This call already exists, would you like to join?": "通話已經開始，請問您要加入嗎？",
+    "avatar": "大頭照",
-  "Thanks! We'll get right on it.": "謝謝您！我們會盡快處理。",
+    "camera": "相機",
-  "Talking…": "對話中…",
+    "copied": "已複製！",
-  "Talk over speaker": "以擴音對話",
+    "display_name": "顯示名稱",
-  "Take me Home": "帶我回主畫面",
+    "encrypted": "已加密",
-  "Submitting feedback…": "遞交回饋…",
+    "home": "首頁",
-  "Submit feedback": "遞交回覆",
+    "loading": "載入中…",
-  "Stop sharing screen": "停止分享螢幕畫面",
+    "microphone": "麥克風",
-  "Spotlight": "聚焦",
+    "password": "密碼",
-  "Speaker {{n}}": "發言者{{n}}",
+    "profile": "個人檔案",
-  "Speaker": "發言者",
+    "settings": "設定",
-  "Spatial audio": "空間音效",
+    "unencrypted": "未加密",
-  "Sign out": "登出",
+    "username": "使用者名稱",
-  "Sign in": "登入",
+    "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": "找不到通話",
-  "Saving…": "儲存中…",
+  "group_call_loader_failed_text": "通話現在是端對端加密的，必須從首頁建立。這有助於確保每個人都使用相同的加密金鑰。",
-  "Save": "儲存",
+  "hangup_button_label": "結束通話",
-  "Return to home screen": "回到首頁",
+  "header_label": "Element Call 首頁",
-  "Remove": "移除",
+  "header_participants_label": "參與者",
-  "Release to stop": "放開以停止",
+  "invite_modal": {
-  "Release spacebar key to stop": "放開空白鍵以停止",
+    "link_copied_toast": "連結已複製到剪貼簿",
-  "Registering…": "註冊中…",
+    "title": "邀請到此通話"
-  "Register": "註冊",
+  },
-  "Recaptcha not loaded": "驗證碼未載入",
+  "join_existing_call_modal": {
-  "Recaptcha dismissed": "略過驗證碼",
+    "join_button": "是，加入對話",
-  "Profile": "個人檔案",
+    "text": "通話已經開始，請問您要加入嗎？",
-  "Press and hold to talk over {{name}}": "與{{name}}對話時，請按住按鍵",
+    "title": "加入已開始的通話嗎？"
-  "Press and hold to talk": "請按住按鍵來發言",
+  },
-  "Press and hold spacebar to talk over {{name}}": "與{{name}}對話時，請按住空白鍵",
+  "layout_grid_label": "網格",
-  "Press and hold spacebar to talk": "說話時請按住空白鍵",
+  "layout_spotlight_label": "聚焦",
-  "Passwords must match": "密碼必須相符",
+  "lobby": {
-  "Password": "密碼",
+    "join_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>",
+    "leave_button": "回到最近的通話"
-  "Not registered yet? <2>Create an account</2>": "還沒註冊嗎？<2>建立帳號</2>",
+  },
-  "Not now, return to home screen": "現在不行，回到首頁",
+  "local_volume_label": "您的音量",
-  "No": "否",
+  "logging_in": "登入中…",
-  "Mute microphone": "麥克風靜音",
+  "login_auth_links": "<0>建立帳號</0> 或<2>以訪客身份登入</2>",
-  "More menu": "更多選單",
+  "login_title": "登入",
-  "More": "更多",
+  "microphone_off": "麥克風關閉",
-  "Microphone permissions needed to join the call.": "加入通話前需要取得麥克風的權限。",
+  "microphone_on": "麥克風開啟",
-  "Microphone {{n}}": "麥克風 {{n}}",
+  "mute_microphone_button_label": "將麥克風靜音",
-  "Microphone": "麥克風",
+  "rageshake_button_error_caption": "重試傳送紀錄檔",
-  "Login to your account": "登入您的帳號",
+  "rageshake_request_modal": {
-  "Login": "登入",
+    "body": "這通對話中的另一位使用者遇到了某些問題。為了診斷問題，我們將會建立除錯紀錄。",
-  "Logging in…": "登入中…",
+    "title": "請求偵錯報告"
-  "Local volume": "您的音量",
+  },
-  "Loading…": "載入中…",
+  "rageshake_send_logs": "傳送除錯紀錄",
-  "Loading room…": "載入聊天室…",
+  "rageshake_sending": "傳送中…",
-  "Leave": "離開",
+  "rageshake_sending_logs": "傳送除錯記錄檔中…",
-  "Join existing call?": "加入已開始的通話嗎？",
+  "rageshake_sent": "感謝！",
-  "Join call now": "現在加入通話",
+  "recaptcha_caption": "此網站被 ReCAPTCHA 保護，並適用 Google 的<2>隱私權政策</2>與<6>服務條款</6>。<9></9>點擊「註冊」即表示您同意我們的<12>終端使用者授權協議 (EULA)</12>",
-  "Join call": "加入通話",
+  "recaptcha_dismissed": "略過驗證碼",
-  "Invite people": "邀請夥伴",
+  "recaptcha_not_loaded": "驗證碼未載入",
-  "Invite": "邀請",
+  "register": {
-  "Inspector": "稽查員",
+    "passwords_must_match": "密碼必須相符",
-  "Incompatible versions!": "不相容版本！",
+    "registering": "註冊中…"
-  "Incompatible versions": "不相容版本",
+  },
-  "Include debug logs": "包含除錯紀錄",
+  "register_auth_links": "<0>已經有帳號?</0><1><0>登入</0> 或<2>以訪客身份登入</2></1>",
-  "Home": "首頁",
+  "register_confirm_password_label": "確認密碼",
-  "Having trouble? Help us fix it.": "遇到問題嗎？請讓我們協助您。",
+  "return_home_button": "回到首頁",
-  "Grid layout menu": "格框式清單",
+  "room_auth_view_eula_caption": "點擊「立刻加入通話」即表示您同意我們的<2>終端使用者授權協議 (EULA)</2>",
-  "Go": "前往",
+  "room_auth_view_join_button": "現在加入通話",
-  "Full screen": "全螢幕",
+  "screenshare_button_label": "分享畫面",
-  "Freedom": "自由",
+  "select_input_unset_button": "選擇一個選項",
-  "Fetching group call timed out.": "加入群組對話已逾時。",
+  "settings": {
-  "Exit full screen": "退出全螢幕",
+    "developer_settings_label": "開發者設定",
-  "Element Call Home": "Element Call 首頁",
+    "developer_settings_label_description": "在設定視窗中顯示開發者設定。",
-  "Download debug logs": "下載偵錯報告",
+    "developer_tab_title": "開發者",
-  "Display name": "顯示名稱",
+    "feedback_tab_body": "若您遇到問題或只是想提供一些回饋，請在下方傳送簡短說明給我們。",
-  "Developer": "開發者",
+    "feedback_tab_description_label": "您的回饋",
-  "Details": "詳細說明",
+    "feedback_tab_h4": "遞交回覆",
-  "Description (optional)": "描述（選擇性）",
+    "feedback_tab_send_logs_label": "包含除錯紀錄",
-  "Debug log request": "請求偵錯報告",
+    "feedback_tab_thank_you": "感謝，我們已經收到您的回饋了！",
-  "Debug log": "除錯紀錄",
+    "feedback_tab_title": "回饋",
-  "Create account": "建立帳號",
+    "more_tab_title": "更多",
-  "Copy and share this call link": "複製並分享通話連結",
+    "opt_in_description": "<0></0><1></1>您可以透過取消核取此方塊來撤回同意。若您目前正在通話中，此設定將在通話結束時生效。",
-  "Copy": "複製",
+    "show_connection_stats_label": "顯示連線統計資料",
-  "Copied!": "已複製！",
+    "speaker_device_selection_label": "發言者"
-  "Connection lost": "連線中斷",
+  },
-  "Confirm password": "確認密碼",
+  "star_rating_input_label_one": "{{count}} 個星星",
-  "Close": "關閉",
+  "star_rating_input_label_other": "{{count}} 個星星",
-  "Change layout": "變更排列",
+  "start_new_call": "開始新通話",
-  "Camera/microphone permissions needed to join the call.": "加入通話需要取得相機/麥克風的權限。",
+  "start_video_button_label": "開始影片",
-  "Camera {{n}}": "相機 {{n}}",
+  "stop_screenshare_button_label": "分享畫面",
-  "Camera": "相機",
+  "stop_video_button_label": "停止影片",
-  "Call type menu": "通話類型選單",
+  "submitting": "正在遞交……",
-  "Call link copied": "已複製通話連結",
+  "unauthenticated_view_body": "還沒註冊嗎？<2>建立帳號</2>",
-  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "當您按下「加入通話」，您也同時同意了我們的條款與細則",
+  "unauthenticated_view_eula_caption": "點擊「前往」即表示您同意我們的<2>終端使用者授權協議 (EULA)</2>",
-  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "當您按下「前往」，你也同意了我們的條款與細則",
+  "unauthenticated_view_login_button": "登入您的帳號",
-  "Avatar": "大頭照",
+  "unmute_microphone_button_label": "將麥克風取消靜音",
-  "Audio": "語音",
+  "version": "版本： {{version}}",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "這通對話中的另一位使用者遇到了某些問題。為了診斷問題，我們將會建立除錯紀錄。",
+  "video_tile": {
-  "Accept microphone permissions to join the call.": "請授權使用您的麥克風以加入通話。",
+    "presenter_label": "{{displayName}} 正在展示",
-  "Accept camera/microphone permissions to join the call.": "請授權使用您的相機/麥克風以加入對話。",
+    "sfu_participant_local": "您"
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>何不設定密碼以保留此帳號？</0><1>您可以保留暱稱並設定頭像，以便未來通話時使用</1>",
+  },
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "參與此測試版即表示您同意蒐集匿名資料，我們使用這些資料來改進產品。您可以在我們的<2>隱私政策</2>與我們的 <5>Cookie 政策</5> 中找到關於我們追蹤哪些資料的更多資訊。",
+  "waiting_for_participants": "等待其他參加者…"
-  "<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>您可以透過取消核取此方塊來撤回同意。若您目前正在通話中，此設定將在通話結束時生效。"
 }

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

@@ -1,5 +1,5 @@
 /*
-Copyright 2021 New Vector Ltd
+Copyright 2021 - 2023 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -14,30 +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 { 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(() => {
@@ -46,18 +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>
-            <InspectorContextProvider>
+              <MediaDevicesProvider>
                 <Sentry.ErrorBoundary fallback={errorPage}>
                   <OverlayProvider>
+                    <DisconnectedBanner />
                     <Switch>
                       <SentryRoute exact path="/">
                         <HomePage />
@@ -68,24 +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>
             </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

@@ -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.
+*/
+
+.banner {
+  position: absolute;
+  padding: 29px;
+  background-color: var(--cpd-color-bg-subtle-primary);
+  vertical-align: middle;
+  font-size: var(--font-size-body);
+  text-align: center;
+  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,125 +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 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 34px 0 34px;
+  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: 24px 24px 0 24px;
+  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,191 +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>
-                title={t("Close")}
+                  </DialogTitle>
+                  {onDismiss !== undefined && (
+                    <DialogClose
+                      className={styles.close}
+                      data-testid="modal_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.
    */
@@ -79,62 +106,123 @@ export interface UrlParams {
    * The Posthog analytics ID. It is only available if the user has given consent for sharing telemetry in element web.
    */
   analyticsID: string | null;
+  /**
+   * Whether the app is allowed to use fallback STUN servers for ICE in case the
+   * user's homeserver doesn't provide any.
+   */
+  allowIceFallback: boolean;
+  /**
+   * 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: parser.getFlagParam("allowIceFallback"),
+    perParticipantE2EE: parser.getFlagParam("perParticipantE2EE"),
+    skipLobby: parser.getFlagParam("skipLobby"),
   };
 };
 
@@ -143,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

@@ -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,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,29 +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 LoginIcon } from "./icons/Login.svg";
+import SettingsIcon from "./icons/Settings.svg?react";
-import { ReactComponent as LogoutIcon } from "./icons/Logout.svg";
+import LoginIcon from "./icons/Login.svg?react";
+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();
 
@@ -58,21 +61,29 @@ export function UserMenu({
         key: "user",
         icon: UserIcon,
         label: displayName,
+        dataTestid: "usermenu_user",
+      });
+      arr.push({
+        key: "settings",
+        icon: SettingsIcon,
+        label: "common.settings",
       });
 
       if (isPasswordlessUser && !preventNavigation) {
         arr.push({
           key: "login",
-          label: t("Sign in"),
+          label: t("action.sign_in"),
           icon: LoginIcon,
+          dataTestid: "usermenu_login",
         });
       }
 
       if (!isPasswordlessUser && !preventNavigation) {
         arr.push({
           key: "logout",
-          label: t("Sign out"),
+          label: t("action.sign_out"),
           icon: LogoutIcon,
+          dataTestid: "usermenu_logout",
         });
       }
     }
@@ -80,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>
     );
   }
@@ -93,29 +104,41 @@ export function UserMenu({
   return (
     <PopoverMenuTrigger placement="bottom right">
       <TooltipTrigger tooltip={tooltip} placement="bottom left">
-        <Button variant="icon" className={styles.userButton}>
+        <Button
+          variant="icon"
+          className={styles.userButton}
+          data-testid="usermenu_open"
+        >
           {isAuthenticated && (!isPasswordlessUser || avatarUrl) ? (
             <Avatar
+              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
-          {items.map(({ key, icon: Icon, label }) => (
+        (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 width={24} height={24} className={styles.menuIcon} />
+                <Icon
+                  width={24}
+                  height={24}
+                  className={styles.menuIcon}
+                  data-testid={dataTestid}
+                />
                 <Body overflowEllipsis>{label}</Body>
               </Item>
             ))}
           </Menu>
-      )}
+        )
+      }
     </PopoverMenuTrigger>
   );
-}
+};

src/UserMenuContainer.tsx

@@ -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,57 +14,73 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { useCallback } 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 { ProfileModal } from "./profile/ProfileModal";
 import { UserMenu } from "./UserMenu";
 
 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>();
 
   const onAction = useCallback(
-    (value: string) => {
+    async (value: string) => {
       switch (value) {
         case "user":
-          modalState.open();
+          setDefaultSettingsTab("profile");
+          setSettingsModalOpen(true);
+          break;
+        case "settings":
+          setDefaultSettingsTab("audio");
+          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 && <ProfileModal client={client} {...modalProps} />}
+      {client && (
+        <SettingsModal
+          client={client}
+          defaultTab={defaultSettingsTab}
+          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,
@@ -29,9 +29,12 @@ import {
   MuteCameraTracker,
   MuteMicrophoneTracker,
   UndecryptableToDeviceEventTracker,
+  QualitySurveyEventTracker,
+  CallDisconnectedEventTracker,
 } from "./PosthogEvents";
 import { Config } from "../config/Config";
 import { getUrlParams } from "../UrlParams";
+import { localStorageBus } from "../useLocalStorage";
 
 /* Posthog analytics tracking.
  *
@@ -69,6 +72,7 @@ export enum RegistrationType {
 interface PlatformProperties {
   appVersion: string;
   matrixBackend: "embedded" | "jssdk";
+  callBackend: "livekit" | "full-mesh";
 }
 
 interface PosthogSettings {
@@ -96,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 = {};
@@ -113,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,
@@ -142,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;
     }
@@ -153,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.
@@ -179,7 +183,7 @@ export class PosthogAnalytics {
     return properties;
   };
 
-  private registerSuperProperties(properties: Properties) {
+  private registerSuperProperties(properties: Properties): void {
     if (this.enabled) {
       this.posthog.register(properties);
     }
@@ -190,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;
     }
@@ -208,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.
@@ -231,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.
@@ -252,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;
     }
@@ -284,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)
@@ -297,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),
       );
     }
   }
@@ -328,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.
     //
@@ -349,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
@@ -363,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()) {
@@ -384,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
@@ -407,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);
     });
   }
@@ -431,4 +442,6 @@ export class PosthogAnalytics {
   public eventMuteMicrophone = new MuteMicrophoneTracker();
   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,10 +162,42 @@ interface UndecryptableToDeviceEvent {
 }
 
 export class UndecryptableToDeviceEventTracker {
-  track(callId: string) {
+  public track(callId: string): void {
     PosthogAnalytics.instance.trackEvent<UndecryptableToDeviceEvent>({
       eventName: "UndecryptableToDeviceEvent",
       callId,
     });
   }
 }
+
+interface QualitySurveyEvent {
+  eventName: "QualitySurvey";
+  callId: string;
+  feedbackText: string;
+  stars: number;
+}
+
+export class QualitySurveyEventTracker {
+  public track(callId: string, feedbackText: string, stars: number): void {
+    PosthogAnalytics.instance.trackEvent<QualitySurveyEvent>({
+      eventName: "QualitySurvey",
+      callId,
+      feedbackText,
+      stars,
+    });
+  }
+}
+
+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);
@@ -124,6 +124,13 @@ export class PosthogSpanProcessor implements SpanProcessor {
         const audioReceived = `${attributes["matrix.stats.summary.percentageReceivedAudioMedia"]}`;
         const maxJitter = `${attributes["matrix.stats.summary.maxJitter"]}`;
         const maxPacketLoss = `${attributes["matrix.stats.summary.maxPacketLoss"]}`;
+        const peerConnections = `${attributes["matrix.stats.summary.peerConnections"]}`;
+        const percentageConcealedAudio = `${attributes["matrix.stats.summary.percentageConcealedAudio"]}`;
+        const opponentUsersInCall = `${attributes["matrix.stats.summary.opponentUsersInCall"]}`;
+        const opponentDevicesInCall = `${attributes["matrix.stats.summary.opponentDevicesInCall"]}`;
+        const diffDevicesToPeerConnections = `${attributes["matrix.stats.summary.diffDevicesToPeerConnections"]}`;
+        const ratioPeerConnectionToDevices = `${attributes["matrix.stats.summary.ratioPeerConnectionToDevices"]}`;
+
         PosthogAnalytics.instance.trackEvent(
           {
             eventName: "MediaReceived",
@@ -133,9 +140,15 @@ export class PosthogSpanProcessor implements SpanProcessor {
             videoReceived: videoReceived,
             maxJitter: maxJitter,
             maxPacketLoss: maxPacketLoss,
+            peerConnections: peerConnections,
+            percentageConcealedAudio: percentageConcealedAudio,
+            opponentUsersInCall: opponentUsersInCall,
+            opponentDevicesInCall: opponentDevicesInCall,
+            diffDevicesToPeerConnections: diffDevicesToPeerConnections,
+            ratioPeerConnectionToDevices: ratioPeerConnectionToDevices,
           },
           // Send instantly because the window might be closing
-          { send_instantly: true }
+          { send_instantly: true },
         );
       }
     }
@@ -144,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,27 +90,29 @@ 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="@"
                   suffix={`:${Config.defaultServerName()}`}
+                  data-testid="login_username"
                 />
               </FieldRow>
               <FieldRow>
                 <InputField
                   type="password"
                   ref={passwordRef}
-                  placeholder={t("Password")}
+                  placeholder={t("common.password")}
-                  label={t("Password")}
+                  label={t("common.password")}
+                  data-testid="login_password"
                 />
               </FieldRow>
               {error && (
@@ -104,16 +121,20 @@ export const LoginPage: FC = () => {
                 </FieldRow>
               )}
               <FieldRow>
-                <Button type="submit" disabled={loading}>
+                <Button
-                  {loading ? t("Logging in…") : t("Login")}
+                  type="submit"
+                  disabled={loading}
+                  data-testid="login_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,18 +166,19 @@ 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="@"
                   suffix={`:${Config.defaultServerName()}`}
+                  data-testid="register_username"
                 />
               </FieldRow>
               <FieldRow>
@@ -173,12 +186,13 @@ 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>
               <FieldRow>
@@ -186,17 +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
@@ -208,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 && (
@@ -217,15 +234,21 @@ export const RegisterPage: FC = () => {
                 </FieldRow>
               )}
               <FieldRow>
-                <Button type="submit" disabled={registering}>
+                <Button
-                  {registering ? t("Registering…") : t("Register")}
+                  type="submit"
+                  disabled={registering}
+                  data-testid="register_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];
   }, []);
+}