Merge pull request #2218 from element-hq/renovate/docker-setup-buildx-action-digest

Update docker/setup-buildx-action digest to 0d103c3

.env.example

@@ -10,19 +10,10 @@ 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
-# VITE_THEME_SUBTLE_PRIMARY=#26282D

.eslintrc.cjs

@@ -1,31 +1,54 @@
+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",
-  overrides: [
+    // We should use the js-sdk logger, never console directly.
+    "no-console": ["error"],
+    "no-restricted-imports": [
+      "error",
       {
-      files: ["src/**/*.{ts,tsx}"],
+        name: "@react-rxjs/core",
-      extends: [
+        importNames: ["Subscribe", "RemoveSubscribe"],
-        "plugin:matrix-org/typescript",
+        message:
-        "plugin:matrix-org/react",
+          "These components are easy to misuse, please use the 'subscribe' component wrapper instead",
-        "prettier",
-      ],
-      rules: {
-        // We're aiming to convert this code to strict mode
-        "@typescript-eslint/no-non-null-assertion": "off",
-      },
       },
     ],
+    "react/display-name": "error",
+  },
   settings: {
     react: {
       version: "detect",

.github/CODEOWNERS

@@ -1 +1 @@
-* @vector-im/element-call-reviewers
+* @element-hq/element-call-reviewers

.github/workflows/build.yaml

@@ -9,9 +9,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
@@ -23,9 +23,10 @@ jobs:
           SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
           SENTRY_URL: ${{ secrets.SENTRY_URL }}
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
+          VITE_APP_VERSION: ${{ github.sha }}
           NODE_OPTIONS: "--max-old-space-size=4096"
       - name: Upload Artifact
-        uses: actions/upload-artifact@v2
+        uses: actions/upload-artifact@v4
         with:
           name: build
           path: dist

.github/workflows/e2e.yml

@@ -12,9 +12,9 @@ jobs:
     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
+          repository: element-hq/static-call-participant
           ref: refs/heads/main
           path: static-call-participant
           token: ${{ secrets.GH_E2E_TEST_TOKEN }}

.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-fullmesh.yaml

@@ -1,88 +0,0 @@
-name: Netlify Main
-on:
-  workflow_run:
-    workflows: ["Build"]
-    types:
-      - completed
-    branches:
-      - "full-mesh"
-
-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 == 'full-mesh'
-    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-livekit.yaml

@@ -1,87 +0,0 @@
-name: Netlify LiveKit
-on:
-  workflow_run:
-    workflows: ["Build"]
-    types:
-      - completed
-    branches:
-      - "livekit"
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    permissions:
-      deployments: write
-    # Important: the 'branches' filter above will match the 'livekit' 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 == 'livekit'
-    steps:
-      - name: Create Deployment
-        uses: bobheadxi/deployments@v1
-        id: deployment
-        with:
-          step: start
-          token: ${{ secrets.GITHUB_TOKEN }}
-          env: livekit-experiment-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/livekit/config/netlify_redirects > dist/_redirects
-
-      - name: Add config file
-        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/livekit/config/element_io_preview.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: livekit
-          production-deploy: true
-          # These don't work because we're in workflow_run
-          enable-pull-request-comment: false
-          enable-commit-comment: false
-        env:
-          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
-          NETLIFY_SITE_ID: e3b9fa82-c040-4db6-b4bf-42b524d57423
-        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 }}
@@ -35,7 +36,7 @@ jobs:
       # There's a 'download artifact' action, but it hasn't been updated for the workflow_run action
       # (https://github.com/actions/download-artifact/issues/60) so instead we get this mess:
       - name: 📥 Download artifact
-        uses: dawidd6/action-download-artifact@v2
+        uses: dawidd6/action-download-artifact@v3
         with:
           run_id: ${{ github.event.workflow_run.id }}
           name: build
@@ -43,16 +44,14 @@ jobs:
 
       - name: Add redirects file
         # We fetch from github directly as we don't bother checking out the repo
-        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/main/config/netlify_redirects > webapp/_redirects
+        run: curl -s https://raw.githubusercontent.com/element-hq/element-call/main/config/netlify_redirects > webapp/_redirects
 
       - name: Add config file
-        env:
+        run: curl -s "https://raw.githubusercontent.com/${{ github.event.workflow_run.head_repository.full_name }}/${{ github.event.workflow_run.head_branch }}/config/element_io_preview.json" > webapp/config.json
-          HEADBRACH: ${{ github.event.workflow_run.head_branch }}
-        run: curl -s "https://raw.githubusercontent.com/vector-im/element-call/${HEADBRACH}/config/element_io_preview.json" > webapp/config.json
 
       - name: ☁️ Deploy to Netlify
         id: netlify
-        uses: nwtgck/actions-netlify@v1.2
+        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@5139682d94efc37792e6b54386b5b470a68a4737
         with:
           registry: ${{ env.REGISTRY }}
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Yarn cache
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           cache: "yarn"
       - name: Install dependencies
@@ -39,31 +45,37 @@ jobs:
           SENTRY_PROJECT: ${{ secrets.SENTRY_PROJECT }}
           SENTRY_URL: ${{ secrets.SENTRY_URL }}
           SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
-          VITE_APP_VERSION: ${{ github.event.release.tag_name }}
+          VITE_APP_VERSION: ${{ github.event.release.tag_name || github.sha }}
 
       - name: Create Tarball
         env:
-          GITHUB_TAG_NAME: ${{ github.event.release.tag_name }}
+          TARBALL_VERSION: ${{ github.event.release.tag_name || github.sha }}
         run: |
-          tar --numeric-owner --transform "s/dist/element-call-${GITHUB_TAG_NAME}/" -cvzf element-call-${GITHUB_TAG_NAME}.tar.gz dist
+          tar --numeric-owner --transform "s/dist/element-call-${TARBALL_VERSION}/" -cvzf element-call-${TARBALL_VERSION}.tar.gz dist
+
       - name: Upload
-        uses: alexellis/upload-assets@0.4.0
+        uses: actions/upload-artifact@ef09cdac3e2d3e60d8ccadda691f4f1cec5035cb
         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@232fc64e3a4e54539e087c5976439ea54be0959d
         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@0d103c3126aa41d772a8362f6aa67afac040f80c
 
       - name: Build and push Docker image
-        uses: docker/build-push-action@ad44023a93711e3deb337508980b4b5e9bcdc5dc
+        uses: docker/build-push-action@b3eddbb94c4146a0988a620b01720afe50639271
         with:
           context: .
           platforms: linux/amd64,linux/arm64

.github/workflows/test.yaml

@@ -1,24 +1,24 @@
-name: Run jest tests
+name: Run unit tests
 on:
   pull_request: {}
   push:
     branches: [livekit, full-mesh]
 jobs:
-  jest:
+  vitest:
-    name: Run jest tests
+    name: Run vitest 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
+      - name: Vitest
         run: "yarn run test"
       - name: Upload to codecov
-        uses: codecov/codecov-action@v3
+        uses: codecov/codecov-action@v4
         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@v4
+        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@v6.0.0
+        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 }}

.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 || {};

README.md

@@ -1,22 +1,22 @@
 # 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)
 
 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.
+For prior version of the Element Call that relied solely on full-mesh logic, check [`full-mesh`](https://github.com/element-hq/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
 
 Until prebuilt tarballs are available, you'll need to build Element Call from source. First, clone and install the package:
 
 ```
-git clone https://github.com/vector-im/element-call.git
+git clone https://github.com/element-hq/element-call.git
 cd element-call
 yarn
 yarn build
@@ -56,7 +56,7 @@ There are currently two different config files. `.env` holds variables that are
 
 ## Translation
 
-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.
+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.
 
 ## Development
 
@@ -74,7 +74,7 @@ yarn link
 Next, we can set up this project:
 
 ```
-git clone https://github.com/vector-im/element-call.git
+git clone https://github.com/element-hq/element-call.git
 cd element-call
 yarn
 yarn link matrix-js-sdk
@@ -88,21 +88,17 @@ yarn dev
 
 ### Backend
 
-Add in you `.env` in root dir with:
+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._**
 
-```yaml
+To use it, add SFU parameter in your local config `./public/config.json`:
-# Develop backend settings:
-LIVEKIT_KEY="devkey"
-LIVEKIT_SECRET="secret"
-```
 
-Add SFU parameter in your local config `./public/config.yml`:
+```json
-
-```yaml
 "livekit": {
-    "server_url": "ws://localhost:7880",
+  "livekit_service_url": "http://localhost:8881"
-    "jwt_service_url": "http:/localhost:8881"
+},
-  },
 ```
 
 Run backend components:
@@ -110,3 +106,9 @@ Run backend components:
 ```
 yarn backend
 ```
+
+## Documentation
+
+Usage and other technical details about the project can be found here:
+
+[**Docs**](./docs/README.md)

backend-docker-compose.yml

@@ -1,5 +1,3 @@
-# LiveKit requires host networking, which is only available on Linux
-# This compose will not function correctly on Mac or Windows
 version: "3.9"
 
 networks:
@@ -7,15 +5,14 @@ networks:
 
 services:
   auth-service:
-    build:
+    image: ghcr.io/element-hq/lk-jwt-service:latest-ci
-      context: ./backend/auth
-    container_name: auth-server
     hostname: auth-server
     ports:
       - 8881:8080
     environment:
-      - LIVEKIT_KEY=${LIVEKIT_KEY}
+      - LIVEKIT_URL=ws://localhost:7880
-      - LIVEKIT_SECRET=${LIVEKIT_SECRET}
+      - LIVEKIT_KEY=devkey
+      - LIVEKIT_SECRET=secret
     deploy:
       restart_policy:
         condition: on-failure

backend/auth/Dockerfile

@@ -1,15 +0,0 @@
-FROM golang:1.20-alpine
-
-WORKDIR /app
-
-COPY go.mod ./
-COPY go.sum ./
-RUN go mod download
-
-COPY *.go ./
-
-RUN go build -o /auth-server
-
-EXPOSE 8080
-
-CMD [ "/auth-server" ]

backend/auth/go.mod

@@ -1,20 +0,0 @@
-module vector-auth-server
-
-go 1.20
-
-require github.com/livekit/protocol v1.5.7
-
-require (
-	github.com/go-jose/go-jose/v3 v3.0.0 // indirect
-	github.com/golang/protobuf v1.5.3 // indirect
-	github.com/twitchtv/twirp v8.1.3+incompatible // indirect
-	golang.org/x/crypto v0.9.0 // indirect
-	golang.org/x/exp v0.0.0-20230515195305-f3d0a9c9a5cc // indirect
-	golang.org/x/net v0.10.0 // indirect
-	golang.org/x/sys v0.8.0 // indirect
-	golang.org/x/text v0.9.0 // indirect
-	google.golang.org/genproto v0.0.0-20230403163135-c38d8f061ccd // indirect
-	google.golang.org/grpc v1.55.0 // indirect
-	google.golang.org/protobuf v1.30.0 // indirect
-	gopkg.in/yaml.v3 v3.0.1 // indirect
-)

backend/auth/go.sum

@@ -1,94 +0,0 @@
-github.com/beorn7/perks v1.0.1 h1:VlbKKnNfV8bJzeqoa4cOKqO6bYr3WgKZxO8Z16+hsOM=
-github.com/cespare/xxhash/v2 v2.2.0 h1:DC2CZ1Ep5Y4k3ZQ899DldepgrayRUGE6BBZ/cd9Cj44=
-github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
-github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
-github.com/dgryski/go-rendezvous v0.0.0-20200823014737-9f7001d12a5f h1:lO4WD4F/rVNCu3HqELle0jiPLLBs70cWOduZpkS1E78=
-github.com/eapache/channels v1.1.0 h1:F1taHcn7/F0i8DYqKXJnyhJcVpp2kgFcNePxXtnyu4k=
-github.com/eapache/queue v1.1.0 h1:YOEu7KNc61ntiQlcEeUIoDTJ2o8mQznoNvUhiigpIqc=
-github.com/frostbyte73/core v0.0.9 h1:AmE9GjgGpPsWk9ZkmY3HsYUs2hf2tZt+/W6r49URBQI=
-github.com/gammazero/deque v0.2.1 h1:qSdsbG6pgp6nL7A0+K/B7s12mcCY/5l5SIUpMOl+dC0=
-github.com/go-jose/go-jose/v3 v3.0.0 h1:s6rrhirfEP/CGIoc6p+PZAeogN2SxKav6Wp7+dyMWVo=
-github.com/go-jose/go-jose/v3 v3.0.0/go.mod h1:RNkWWRld676jZEYoV3+XK8L2ZnNSvIsxFMht0mSX+u8=
-github.com/go-logr/logr v1.2.4 h1:g01GSCwiDw2xSZfjJ2/T9M+S6pFdcNtFYsp+Y43HYDQ=
-github.com/golang/protobuf v1.5.0/go.mod h1:FsONVRAS9T7sI+LIUmWTfcYkHO4aIWwzhcaSAoJOfIk=
-github.com/golang/protobuf v1.5.3 h1:KhyjKVUg7Usr/dYsdSqoFveMYd5ko72D+zANwlG1mmg=
-github.com/golang/protobuf v1.5.3/go.mod h1:XVQd3VNwM+JqD3oG2Ue2ip4fOMUkwXdXDdiuN0vRsmY=
-github.com/google/go-cmp v0.5.0/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE=
-github.com/google/go-cmp v0.5.5/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE=
-github.com/google/go-cmp v0.5.9 h1:O2Tfq5qg4qc4AmwVlvv0oLiVAGB7enBSJ2x2DqQFi38=
-github.com/google/uuid v1.3.0 h1:t6JiXgmwXMjEs8VusXIJk2BXHsn+wx8BZdTaoZ5fu7I=
-github.com/jxskiss/base62 v1.1.0 h1:A5zbF8v8WXx2xixnAKD2w+abC+sIzYJX+nxmhA6HWFw=
-github.com/lithammer/shortuuid/v4 v4.0.0 h1:QRbbVkfgNippHOS8PXDkti4NaWeyYfcBTHtw7k08o4c=
-github.com/livekit/mageutil v0.0.0-20230125210925-54e8a70427c1 h1:jm09419p0lqTkDaKb5iXdynYrzB84ErPPO4LbRASk58=
-github.com/livekit/protocol v1.5.7 h1:jZeFQEmLuIhFblXDGPRCBbfjVJHb+YU7AsO+SMoXF70=
-github.com/livekit/protocol v1.5.7/go.mod h1:ZaOnsvP+JS4s7vI1UO+JVdBagvvLp/lBXDAl2hkDS0I=
-github.com/livekit/psrpc v0.3.0 h1:giBZsfM3CWA0oIYXofsMITbVQtyW7u/ES9sQmVspHPM=
-github.com/mackerelio/go-osstat v0.2.4 h1:qxGbdPkFo65PXOb/F/nhDKpF2nGmGaCFDLXoZjJTtUs=
-github.com/matttproud/golang_protobuf_extensions v1.0.4 h1:mmDVorXM7PCGKw94cs5zkfA9PSy5pEvNWRP0ET0TIVo=
-github.com/nats-io/nats.go v1.25.0 h1:t5/wCPGciR7X3Mu8QOi4jiJaXaWM8qtkLu4lzGZvYHE=
-github.com/nats-io/nkeys v0.4.4 h1:xvBJ8d69TznjcQl9t6//Q5xXuVhyYiSos6RPtvQNTwA=
-github.com/nats-io/nuid v1.0.1 h1:5iA8DT8V7q8WK2EScv2padNa/rTESc1KdnPw4TC2paw=
-github.com/pion/datachannel v1.5.5 h1:10ef4kwdjije+M9d7Xm9im2Y3O6A6ccQb0zcqZcJew8=
-github.com/pion/dtls/v2 v2.2.6 h1:yXMxKr0Skd+Ub6A8UqXTRLSywskx93ooMRHsQUtd+Z4=
-github.com/pion/ice/v2 v2.3.4 h1:tjYjTLpWyZzUjpDnzk6T1y3oQyhyY2DiM2t095iDhyQ=
-github.com/pion/interceptor v0.1.16 h1:0GDZrfNO+BmVNWymS31fMlVtPO2IJVBzy2Qq5XCYMIg=
-github.com/pion/logging v0.2.2 h1:M9+AIj/+pxNsDfAT64+MAVgJO0rsyLnoJKCqf//DoeY=
-github.com/pion/mdns v0.0.7 h1:P0UB4Sr6xDWEox0kTVxF0LmQihtCbSAdW0H2nEgkA3U=
-github.com/pion/randutil v0.1.0 h1:CFG1UdESneORglEsnimhUjf33Rwjubwj6xfiOXBa3mA=
-github.com/pion/rtcp v1.2.10 h1:nkr3uj+8Sp97zyItdN60tE/S6vk4al5CPRR6Gejsdjc=
-github.com/pion/rtp v1.7.13 h1:qcHwlmtiI50t1XivvoawdCGTP4Uiypzfrsap+bijcoA=
-github.com/pion/sctp v1.8.7 h1:JnABvFakZueGAn4KU/4PSKg+GWbF6QWbKTWZOSGJjXw=
-github.com/pion/sdp/v3 v3.0.6 h1:WuDLhtuFUUVpTfus9ILC4HRyHsW6TdugjEX/QY9OiUw=
-github.com/pion/srtp/v2 v2.0.14 h1:Glt0MqEvINrDxL+aanmK4DiFjvs+uN2iYc6XD/iKpoY=
-github.com/pion/stun v0.5.2 h1:J/8glQnDV91dfk2+ZnGN0o9bUJgABhTNljwfQWByoXE=
-github.com/pion/transport/v2 v2.2.0 h1:u5lFqFHkXLMXMzai8tixZDfVjb8eOjH35yCunhPeb1c=
-github.com/pion/turn/v2 v2.1.0 h1:5wGHSgGhJhP/RpabkUb/T9PdsAjkGLS6toYz5HNzoSI=
-github.com/pion/udp/v2 v2.0.1 h1:xP0z6WNux1zWEjhC7onRA3EwwSliXqu1ElUZAQhUP54=
-github.com/pion/webrtc/v3 v3.2.4 h1:gWSx4dqQb77051qBT9ipDrOyP6/sGYcAQP3UPjM8pU8=
-github.com/pkg/errors v0.9.1 h1:FEBLx1zS214owpjy7qsBeixbURkuhQAwrK5UwLGTwt4=
-github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
-github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
-github.com/prometheus/client_golang v1.15.1 h1:8tXpTmJbyH5lydzFPoxSIJ0J46jdh3tylbvM1xCv0LI=
-github.com/prometheus/client_model v0.3.0 h1:UBgGFHqYdG/TPFD1B1ogZywDqEkwp3fBMvqdiQ7Xew4=
-github.com/prometheus/common v0.42.0 h1:EKsfXEYo4JpWMHH5cg+KOUWeuJSov1Id8zGR8eeI1YM=
-github.com/prometheus/procfs v0.9.0 h1:wzCHvIvM5SxWqYvwgVL7yJY8Lz3PKn49KQtpgMYJfhI=
-github.com/redis/go-redis/v9 v9.0.4 h1:FC82T+CHJ/Q/PdyLW++GeCO+Ol59Y4T7R4jbgjvktgc=
-github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
-github.com/stretchr/testify v1.6.1/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
-github.com/stretchr/testify v1.8.3 h1:RP3t2pwF7cMEbC1dqtB6poj3niw/9gnV4Cjg5oW5gtY=
-github.com/twitchtv/twirp v8.1.3+incompatible h1:+F4TdErPgSUbMZMwp13Q/KgDVuI7HJXP61mNV3/7iuU=
-github.com/twitchtv/twirp v8.1.3+incompatible/go.mod h1:RRJoFSAmTEh2weEqWtpPE3vFK5YBhA6bqp2l1kfCC5A=
-go.uber.org/atomic v1.11.0 h1:ZvwS0R+56ePWxUNi+Atn9dWONBPp/AUETXlHW0DxSjE=
-go.uber.org/multierr v1.6.0 h1:y6IPFStTAIT5Ytl7/XYmHvzXQ7S3g/IeZW9hyZ5thw4=
-go.uber.org/zap v1.24.0 h1:FiJd5l1UOLj0wCgbSE0rwwXHzEdAZS6hiiSnxJN/D60=
-golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
-golang.org/x/crypto v0.0.0-20190911031432-227b76d455e7/go.mod h1:yigFU9vqHzYiE8UmvKecakEJjdnWj3jj499lnFckfCI=
-golang.org/x/crypto v0.9.0 h1:LF6fAI+IutBocDJ2OT0Q1g8plpYljMZ4+lty+dsqw3g=
-golang.org/x/crypto v0.9.0/go.mod h1:yrmDGqONDYtNj3tH8X9dzUun2m2lzPa9ngI6/RUPGR0=
-golang.org/x/exp v0.0.0-20230515195305-f3d0a9c9a5cc h1:mCRnTeVUjcrhlRmO0VK8a6k6Rrf6TF9htwo2pJVSjIU=
-golang.org/x/exp v0.0.0-20230515195305-f3d0a9c9a5cc/go.mod h1:V1LtkGg67GoY2N1AnLN78QLrzxkLyJw7RJb1gzOOz9w=
-golang.org/x/net v0.0.0-20190404232315-eb5bcb51f2a3/go.mod h1:t9HGtf8HONx5eT2rtn7q6eTqICYqUVnKs3thJo3Qplg=
-golang.org/x/net v0.10.0 h1:X2//UzNDwYmtCLn7To6G58Wr6f5ahEAQgKNzv9Y951M=
-golang.org/x/net v0.10.0/go.mod h1:0qNGK6F8kojg2nk9dLZ2mShWaEBan6FAoqfSigmmuDg=
-golang.org/x/sync v0.1.0 h1:wsuoTGHzEhffawBOhz5CYhcrV4IdKZbEyZjBMuTp12o=
-golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
-golang.org/x/sys v0.0.0-20190412213103-97732733099d/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
-golang.org/x/sys v0.8.0 h1:EBmGv8NaZBZTWvrbjNoL6HVt+IVy3QDQpJs7VRIw3tU=
-golang.org/x/sys v0.8.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
-golang.org/x/text v0.9.0 h1:2sjJmO8cDvYveuX97RDLsxlyUxLl+GHoLxBiRdHllBE=
-golang.org/x/text v0.9.0/go.mod h1:e1OnstbJyHTd6l/uOt8jFFHp6TRDWZR/bV3emEE/zU8=
-golang.org/x/xerrors v0.0.0-20191204190536-9bdfabe68543/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
-google.golang.org/genproto v0.0.0-20230403163135-c38d8f061ccd h1:sLpv7bNL1AsX3fdnWh9WVh7ejIzXdOc1RRHGeAmeStU=
-google.golang.org/genproto v0.0.0-20230403163135-c38d8f061ccd/go.mod h1:UUQDJDOlWu4KYeJZffbWgBkS1YFobzKbLVfK69pe0Ak=
-google.golang.org/grpc v1.55.0 h1:3Oj82/tFSCeUrRTg/5E/7d/W5A1tj6Ky1ABAuZuv5ag=
-google.golang.org/grpc v1.55.0/go.mod h1:iYEXKGkEBhg1PjZQvoYEVPTDkHo1/bjTnfwTeGONTY8=
-google.golang.org/protobuf v1.26.0-rc.1/go.mod h1:jlhhOSvTdKEhbULTjvd4ARK9grFBp09yW+WbY/TyQbw=
-google.golang.org/protobuf v1.26.0/go.mod h1:9q0QmTI4eRPtz6boOQmLYwt+qCgq0jsYwAQnmE0givc=
-google.golang.org/protobuf v1.30.0 h1:kPPoIgf3TsEvrm0PFe15JQ+570QVxYzEvvHqChK+cng=
-google.golang.org/protobuf v1.30.0/go.mod h1:HV8QOd/L58Z+nl8r43ehVNZIU/HEI6OcFqwMG9pJV4I=
-gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405 h1:yhCVgyC4o1eVCa2tZl7eS0r+SDo693bJlVdllGtEeKM=
-gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
-gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
-gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
-gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=

backend/auth/server.go

@@ -1,98 +0,0 @@
-package main
-
-import (
-	"encoding/json"
-	"log"
-	"net/http"
-	"os"
-
-	"time"
-
-	"github.com/livekit/protocol/auth"
-)
-
-type Handler struct {
-	key, secret string
-}
-
-func (h *Handler) handle(w http.ResponseWriter, r *http.Request) {
-	log.Printf("Request from %s", r.RemoteAddr)
-
-	// Set the CORS headers
-	w.Header().Set("Access-Control-Allow-Origin", "*")
-	w.Header().Set("Access-Control-Allow-Methods", "POST, GET, OPTIONS, PUT, DELETE")
-	w.Header().Set("Access-Control-Allow-Headers", "Accept, Content-Type, Content-Length, Accept-Encoding, X-CSRF-Token, Authorization")
-
-	// Handle preflight request (CORS)
-	if r.Method == "OPTIONS" {
-		w.WriteHeader(http.StatusOK)
-		return
-	}
-
-	roomName := r.URL.Query().Get("roomName")
-	name := r.URL.Query().Get("name")
-	identity := r.URL.Query().Get("identity")
-
-	log.Printf("roomName: %s, name: %s, identity: %s", roomName, name, identity)
-
-	if roomName == "" || name == "" || identity == "" {
-		w.WriteHeader(http.StatusBadRequest)
-		return
-	}
-
-	token, err := getJoinToken(h.key, h.secret, roomName, identity, name)
-	if err != nil {
-		w.WriteHeader(http.StatusInternalServerError)
-		return
-	}
-
-	res := Response{token}
-
-	w.Header().Set("Content-Type", "application/json")
-	json.NewEncoder(w).Encode(res)
-}
-
-func main() {
-	key := os.Getenv("LIVEKIT_KEY")
-	secret := os.Getenv("LIVEKIT_SECRET")
-
-	// Check if the key and secret are empty.
-	if key == "" || secret == "" {
-		log.Fatal("LIVEKIT_KEY and LIVEKIT_SECRET environment variables must be set")
-	}
-
-	log.Printf("LIVEKIT_KEY: %s and LIVEKIT_SECRET %s", key, secret)
-
-	handler := &Handler{
-		key:    key,
-		secret: secret,
-	}
-
-	http.HandleFunc("/token", handler.handle)
-	log.Fatal(http.ListenAndServe(":8080", nil))
-}
-
-type Response struct {
-	Token string `json:"accessToken"`
-}
-
-func getJoinToken(apiKey, apiSecret, room, identity, name string) (string, error) {
-	at := auth.NewAccessToken(apiKey, apiSecret)
-
-	canPublish := true
-	canSubscribe := true
-	grant := &auth.VideoGrant{
-		RoomJoin:     true,
-		RoomCreate:   true,
-		CanPublish:   &canPublish,
-		CanSubscribe: &canSubscribe,
-		Room:         room,
-	}
-
-	at.AddGrant(grant).
-		SetIdentity(identity).
-		SetValidFor(time.Hour).
-		SetName(name)
-
-	return at.ToJWT()
-}

config/element_io_preview.json

@@ -1,8 +1,8 @@
 {
   "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": {

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,252 @@
+# Url Format and parameters
+
+There are two formats for Element Call urls.
+
+- **Current Format**
+
+  ```text
+  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**
+
+  ```text
+  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 implies that element
+call will not connect to a homeserver directly and instead tries to establish
+postMessage communication via the `parentUrl`.
+
+```ts
+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)
+
+```ts
+parentUrl: string | null;
+```
+
+**userId**
+The user's ID (only used in matryoshka mode).
+
+```ts
+userId: string | null;
+```
+
+**deviceId**
+The device's ID (only used in matryoshka mode).
+
+```ts
+deviceId: string | null;
+```
+
+**baseUrl**
+The base URL of the homeserver to use for media lookups in matryoshka mode.
+
+```ts
+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().
+
+```ts
+roomId: string | null;
+```
+
+**confineToRoom**
+Whether the app should keep the user confined to the current call/room.
+
+```ts
+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.)
+
+```ts
+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.
+
+```ts
+preload: boolean; (default: false)
+```
+
+**hideHeader**
+Whether to hide the room header when in a call.
+
+```ts
+hideHeader: boolean; (default: false)
+```
+
+**showControls**
+Whether to show the buttons to mute, screen-share, invite, hangup are shown
+when in a call.
+
+```ts
+showControls: boolean; (default: true)
+```
+
+**hideScreensharing**
+Whether to hide the screen-sharing button.
+
+```ts
+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!
+
+```ts
+enableE2EE: boolean; (default: true)
+```
+
+**perParticipantE2EE**
+Whether to use per participant encryption.
+Keys will be exchanged over encrypted matrix room messages.
+
+```ts
+perParticipantE2EE: boolean; (default: false)
+```
+
+**password**
+E2EE password when using a shared secret.
+(For individual sender keys in embedded mode this is not required.)
+
+```ts
+password: string | null;
+```
+
+**displayName**
+The display name to use for auto-registration.
+
+```ts
+displayName: string | null;
+```
+
+**lang**
+The BCP 47 code of the language the app should use.
+
+```ts
+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...`
+
+```ts
+font: string;
+font: string;
+...
+```
+
+**fontScale**
+The factor by which to scale the interface's font size.
+
+```ts
+fontScale: number | null;
+```
+
+**analyticsID**
+The Posthog analytics ID. It is only available if the user has given consent for
+sharing telemetry in element web.
+
+```ts
+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.
+
+```ts
+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.
+
+```ts
+skipLobby: boolean; (default: false)
+```
+
+**returnToLobby**
+Setting this flag makes element call show the lobby in widget mode after leaving
+a call.
+This is useful for video rooms.
+If set to false, the widget will show a blank page after leaving the call.
+
+```ts
+returnToLobby: boolean; (default: false)
+```
+
+**theme**
+The theme to use for element call.
+can be "light", "dark", "light-high-contrast" or "dark-high-contrast".
+If not set element call will use the dark theme.
+
+```ts
+theme: string | null;
+```
+
+**viaServers**
+This defines the homeserver that is going to be used when joining a room.
+It has to be set to a non default value for links to rooms
+that are not on the default homeserver,
+that is in use for the current user.
+
+```ts
+viaServers: string; (default: undefined)
+```
+
+**homeserver**
+This defines the homeserver that is going to be used when registering
+a new (guest) user.
+This can be user to configure a non default guest user server when
+creating a spa link.
+
+```ts
+homeserver: string; (default: undefined)
+```

i18next-parser.config.ts

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

localazy.json

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

package.json

@@ -5,31 +5,34 @@
     "dev": "vite",
     "build": "NODE_OPTIONS=--max-old-space-size=16384 vite build",
     "serve": "vite preview",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
     "prettier:check": "prettier -c .",
     "prettier:format": "prettier -w .",
-    "lint": "yarn lint:types && yarn lint:js",
+    "lint": "yarn lint:types && yarn lint:eslint",
-    "lint:js": "eslint --max-warnings 0 src",
+    "lint:eslint": "eslint --max-warnings 0 src",
+    "lint:eslint-fix": "eslint --max-warnings 0 src --fix",
     "lint:types": "tsc",
     "i18n": "node_modules/i18next-parser/bin/cli.js",
     "i18n:check": "node_modules/i18next-parser/bin/cli.js --fail-on-warnings --fail-on-update",
-    "test": "jest",
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage",
     "backend": "docker-compose -f backend-docker-compose.yml up"
   },
   "dependencies": {
     "@juggle/resize-observer": "^3.3.1",
-    "@livekit/components-react": "^1.0.7",
+    "@livekit/components-core": "^0.9.0",
+    "@livekit/components-react": "^2.0.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.48.0",
-    "@opentelemetry/instrumentation-document-load": "^0.31.1",
+    "@opentelemetry/instrumentation-document-load": "^0.35.0",
-    "@opentelemetry/instrumentation-user-interaction": "^0.32.1",
+    "@opentelemetry/instrumentation-user-interaction": "^0.35.0",
     "@opentelemetry/sdk-trace-web": "^1.9.1",
+    "@radix-ui/react-dialog": "^1.0.4",
+    "@radix-ui/react-slider": "^1.1.2",
+    "@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,98 +40,89 @@
     "@react-aria/tabs": "^3.1.0",
     "@react-aria/tooltip": "^3.1.3",
     "@react-aria/utils": "^3.10.0",
+    "@react-rxjs/core": "^0.10.7",
     "@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": "^1.0.0",
+    "@vector-im/compound-web": "^3.0.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.0",
+    "livekit-client": "^2.0.2",
     "lodash": "^4.17.21",
-    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#b698217445318f453e0b1086364a33113eaa85d9",
+    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#8123e9a3f1142a7619758c0a238172b007e3a06a",
     "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": "^14.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",
+    "rxjs": "^7.8.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.9.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",
-    "@types/node": "^18.13.0",
+    "@react-types/dialog": "^3.5.5",
+    "@sentry/vite-plugin": "^2.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/node": "^20.0.0",
+    "@types/react-router-dom": "^5.3.3",
     "@types/request": "^2.48.8",
-    "@typescript-eslint/eslint-plugin": "^5.52.0",
+    "@types/sdp-transform": "^2.4.5",
-    "@typescript-eslint/parser": "^5.52.0",
+    "@types/uuid": "9",
-    "babel-loader": "^8.2.3",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.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": "^51.0.0",
-    "identity-obj-proxy": "^3.0.0",
+    "i18next-parser": "^8.0.0",
-    "jest": "^29.2.2",
+    "jsdom": "^24.0.0",
-    "jest-environment-jsdom": "^29.3.1",
+    "prettier": "^3.0.0",
-    "prettier": "^2.6.2",
     "sass": "^1.42.1",
-    "storybook-builder-vite": "^0.1.12",
+    "typescript": "^5.1.6",
-    "typescript": "^4.9.5",
+    "typescript-eslint-language-service": "^5.0.5",
-    "typescript-strict-plugin": "^2.0.1",
+    "vite": "^5.0.0",
-    "vite": "^4.2.0",
     "vite-plugin-html-template": "^1.1.0",
-    "vite-plugin-svgr": "^3.2.0"
+    "vite-plugin-svgr": "^4.0.0",
-  },
+    "vitest": "^1.2.2"
-  "jest": {
-    "testEnvironment": "jsdom",
-    "testMatch": [
-      "<rootDir>/test/**/*-test.[jt]s?(x)"
-    ],
-    "transformIgnorePatterns": [
-      "/node_modules/(?!d3)+$",
-      "/node_modules/(?!internmap)+$"
-    ],
-    "moduleNameMapper": {
-      "\\.css$": "identity-obj-proxy",
-      "\\.svg$": "<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,92 +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>",
+  },
-  "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 логове.",
+  "action": {
-  "Audio": "Звук",
+    "close": "Затвори",
-  "Avatar": "Аватар",
+    "go": "Напред",
-  "Call link copied": "Връзка към разговора бе копирана",
+    "no": "Не",
-  "Call type menu": "Меню \"тип на разговора\"",
+    "register": "Регистрация",
-  "Camera": "Камера",
+    "remove": "Премахни",
-  "Change layout": "Промени изгледа",
+    "sign_in": "Влез",
-  "Close": "Затвори",
+    "sign_out": "Излез"
-  "Confirm password": "Потвърди паролата",
+  },
-  "Copied!": "Копирано!",
+  "call_ended_view": {
-  "Copy and share this call link": "Копирай и сподели връзка към разговора",
+    "create_account_button": "Създай акаунт",
-  "Create account": "Създай акаунт",
+    "create_account_prompt": "<0>Защо не настройте парола за да запазите акаунта си?</0><1>Ще можете да запазите името и аватара си за бъдещи разговори</1>",
-  "Debug log": "Debug логове",
+    "not_now_button": "Не сега, върни се на началния екран"
-  "Debug log request": "Заявка за debug логове",
+  },
-  "Details": "Детайли",
+  "common": {
-  "Developer": "Разработчик",
+    "audio": "Звук",
-  "Display name": "Име/псевдоним",
+    "avatar": "Аватар",
-  "Download debug logs": "Изтеглете debug логове",
+    "camera": "Камера",
-  "Exit full screen": "Излез от цял екран",
+    "copied": "Копирано!",
-  "Fetching group call timed out.": "Изтече времето за взимане на груповия разговор.",
+    "display_name": "Име/псевдоним",
-  "Freedom": "Свобода",
+    "home": "Начало",
-  "Full screen": "Цял екран",
+    "loading": "Зареждане…",
-  "Go": "Напред",
+    "microphone": "Микрофон",
-  "Grid layout menu": "Меню \"решетков изглед\"",
+    "password": "Парола",
-  "Home": "Начало",
+    "profile": "Профил",
-  "Include debug logs": "Включи debug логове",
+    "settings": "Настройки",
-  "Incompatible versions": "Несъвместими версии",
+    "username": "Потребителско име",
-  "Incompatible versions!": "Несъвместими версии!",
+    "video": "Видео"
-  "Inspector": "Инспектор",
+  },
-  "Invite": "Покани",
+  "exit_fullscreen_button_label": "Излез от цял екран",
-  "Invite people": "Покани хора",
+  "fullscreen_button_label": "Цял екран",
-  "Join call": "Влез в разговора",
+  "join_existing_call_modal": {
-  "Join call now": "Влез в разговора сега",
+    "join_button": "Да, присъедини се",
-  "Join existing call?": "Присъединяване към съществуващ разговор?",
+    "text": "Този разговор вече съществува, искате ли да се присъедините?",
-  "Leave": "Напусни",
+    "title": "Присъединяване към съществуващ разговор?"
-  "Loading…": "Зареждане…",
+  },
-  "Local volume": "Локална сила на звука",
+  "layout_spotlight_label": "Прожектор",
-  "Logging in…": "Влизане…",
+  "lobby": {
-  "Login": "Влез",
+    "join_button": "Влез в разговора"
-  "Login to your account": "Влезте в акаунта си",
+  },
-  "Microphone": "Микрофон",
+  "local_volume_label": "Локална сила на звука",
-  "More": "Още",
+  "logging_in": "Влизане…",
-  "Mute microphone": "Заглуши микрофона",
+  "login_auth_links": "<0>Създайте акаунт</0> или <2>Влезте като гост</2>",
-  "No": "Не",
+  "login_title": "Влез",
-  "Not now, return to home screen": "Не сега, върни се на началния екран",
+  "rageshake_request_modal": {
-  "Not registered yet? <2>Create an account</2>": "Все още не сте регистрирани? <2>Създайте акаунт</2>",
+    "body": "Друг потребител в този разговор има проблем. За да диагностицираме този проблем по-добре ни се иска да съберем debug логове.",
-  "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>",
+    "title": "Заявка за debug логове"
-  "Password": "Парола",
+  },
-  "Passwords must match": "Паролите не съвпадат",
+  "rageshake_send_logs": "Изпратете debug логове",
-  "Profile": "Профил",
+  "rageshake_sending": "Изпращане…",
-  "Recaptcha dismissed": "Recaptcha отхвърлена",
+  "recaptcha_dismissed": "Recaptcha отхвърлена",
-  "Recaptcha not loaded": "Recaptcha не е заредена",
+  "recaptcha_not_loaded": "Recaptcha не е заредена",
-  "Register": "Регистрация",
+  "register": {
-  "Registering…": "Регистриране…",
+    "passwords_must_match": "Паролите не съвпадат",
-  "Remove": "Премахни",
+    "registering": "Регистриране…"
-  "Return to home screen": "Връщане на началния екран",
+  },
-  "Select an option": "Изберете опция",
+  "register_auth_links": "<0>Вече имате акаунт?</0><1><0>Влезте с него</0> или <2>Влезте като гост</2></1>",
-  "Send debug logs": "Изпратете debug логове",
+  "register_confirm_password_label": "Потвърди паролата",
-  "Sending…": "Изпращане…",
+  "return_home_button": "Връщане на началния екран",
-  "Settings": "Настройки",
+  "room_auth_view_join_button": "Влез в разговора сега",
-  "Share screen": "Сподели екрана",
+  "screenshare_button_label": "Сподели екрана",
-  "Show call inspector": "Покажи инспектора на разговора",
+  "select_input_unset_button": "Изберете опция",
-  "Sign in": "Влез",
+  "settings": {
-  "Sign out": "Излез",
+    "developer_tab_title": "Разработчик",
-  "Speaker": "Говорител",
+    "feedback_tab_h4": "Изпрати обратна връзка",
-  "Spotlight": "Прожектор",
+    "feedback_tab_send_logs_label": "Включи debug логове",
-  "Stop sharing screen": "Спри споделянето на екрана",
+    "more_tab_title": "Още",
-  "Submit feedback": "Изпрати обратна връзка",
+    "speaker_device_selection_label": "Говорител"
-  "Take me Home": "Отиди в Начало",
+  },
-  "Thanks! We'll get right on it.": "Благодарим! Веднага ще се заемем.",
+  "unauthenticated_view_body": "Все още не сте регистрирани? <2>Създайте акаунт</2>",
-  "This call already exists, would you like to join?": "Този разговор вече съществува, искате ли да се присъедините?",
+  "unauthenticated_view_login_button": "Влезте в акаунта си",
-  "Turn off camera": "Изключи камерата",
+  "version": "Версия: {{version}}",
-  "Turn on camera": "Включи камерата",
+  "waiting_for_participants": "Изчакване на други участници…"
-  "Unmute microphone": "Включи микрофона",
-  "User menu": "Потребителско меню",
-  "Username": "Потребителско име",
-  "Version: {{version}}": "Версия: {{version}}",
-  "Video": "Видео",
-  "Video call": "Видео разговор",
-  "Video call name": "Име на видео разговора",
-  "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": "Да, присъедини се",
-  "Your recent calls": "Скорошните ви разговори",
-  "{{names}}, {{name}}": "{{names}}, {{name}}"
 }

public/locales/cs/app.json

@@ -1,100 +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"
-  "Confirm password": "Potvrdit heslo",
+  },
-  "Close": "Zavřít",
+  "action": {
-  "Change layout": "Změnit rozložení",
+    "close": "Zavřít",
-  "Camera": "Kamera",
+    "copy": "Kopírovat",
-  "Call link copied": "Odkaz na hovor zkopírován",
+    "go": "Pokračovat",
-  "Avatar": "Avatar",
+    "no": "Ne",
-  "Audio": "Audio",
+    "register": "Registrace",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Vytvořit účet</0> Or <2>Jako host</2>",
+    "remove": "Odstranit",
-  "Your recent calls": "Vaše nedávné hovory",
+    "sign_in": "Přihlásit se",
-  "Yes, join call": "Ano, připojit se",
+    "sign_out": "Odhlásit 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.",
+  },
-  "Waiting for other participants…": "Čekání na další účastníky…",
+  "call_ended_view": {
-  "Video call name": "Jméno videohovoru",
+    "create_account_button": "Vytvořit účet",
-  "Video call": "Videohovor",
+    "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>",
-  "Video": "Video",
+    "not_now_button": "Teď ne, vrátit se na domovskou obrazovku"
-  "Version: {{version}}": "Verze: {{version}}",
+  },
-  "Username": "Uživatelské jméno",
+  "common": {
-  "User menu": "Uživatelské menu",
+    "camera": "Kamera",
-  "Unmute microphone": "Zapnout mikrofon",
+    "copied": "Zkopírováno!",
-  "Turn on camera": "Zapnout kameru",
+    "display_name": "Zobrazované jméno",
-  "Turn off camera": "Vypnout kameru",
+    "home": "Domov",
-  "This call already exists, would you like to join?": "Tento hovor již existuje, chcete se připojit?",
+    "loading": "Načítání…",
-  "Thanks! We'll get right on it.": "Děkujeme! Hned se na to vrhneme.",
+    "microphone": "Mikrofon",
-  "Take me Home": "Domovská obrazovka",
+    "password": "Heslo",
-  "Submit feedback": "Dát feedback",
+    "profile": "Profil",
-  "Stop sharing screen": "Zastavit sdílení obrazovek",
+    "settings": "Nastavení",
-  "Speaker": "Reproduktor",
+    "username": "Uživatelské jméno"
-  "Sign out": "Odhlásit se",
+  },
-  "Sign in": "Přihlásit se",
+  "exit_fullscreen_button_label": "Ukončit režim celé obrazovky",
-  "Show call inspector": "Zobrazit inspektor hovoru",
+  "full_screen_view_description": "<0>Odeslání ladících záznamů nám pomůže diagnostikovat problém.</0>",
-  "Share screen": "Sdílet obrazovku",
+  "full_screen_view_h1": "<0>Oops, něco se pokazilo.</0>",
-  "Settings": "Nastavení",
+  "fullscreen_button_label": "Zvětšit na celou obrazovku",
-  "Sending…": "Posílání…",
+  "header_label": "Domov Element Call",
-  "Sending debug logs…": "Posílání ladícího záznamu…",
+  "join_existing_call_modal": {
-  "Send debug logs": "Poslat ladící záznam",
+    "join_button": "Ano, připojit se",
-  "Select an option": "Vyberte možnost",
+    "text": "Tento hovor již existuje, chcete se připojit?",
-  "Return to home screen": "Vrátit se na domácí obrazovku",
+    "title": "Připojit se k existujícimu hovoru?"
-  "Remove": "Odstranit",
+  },
-  "Registering…": "Registrování…",
+  "layout_spotlight_label": "Soustředěný mód",
-  "Register": "Registrace",
+  "lobby": {
-  "Profile": "Profil",
+    "join_button": "Připojit se k hovoru"
-  "Passwords must match": "Hesla se musí shodovat",
+  },
-  "Password": "Heslo",
+  "local_volume_label": "Lokální hlasitost",
-  "Not now, return to home screen": "Teď ne, vrátit se na domovskou obrazovku",
+  "logging_in": "Přihlašování se…",
-  "No": "Ne",
+  "login_auth_links": "<0>Vytvořit účet</0> Or <2>Jako host</2>",
-  "Mute microphone": "Ztlumit mikrofon",
+  "login_title": "Přihlášení",
-  "More": "Více",
+  "rageshake_request_modal": {
-  "Microphone": "Mikrofon",
+    "body": "Jiný uživatel v tomto hovoru má problémy. Abychom mohli diagnostikovat problém, rádi bychom shromáždili protokoly ladění.",
-  "Login to your account": "Přihlásit se ke svému účtu",
+    "title": "Žádost o protokoly ladění"
-  "Login": "Přihlášení",
+  },
-  "Logging in…": "Přihlašování se…",
+  "rageshake_send_logs": "Poslat ladící záznam",
-  "Local volume": "Lokální hlasitost",
+  "rageshake_sending": "Posílání…",
-  "Loading…": "Načítání…",
+  "rageshake_sending_logs": "Posílání ladícího záznamu…",
-  "Leave": "Opustit hovor",
+  "recaptcha_dismissed": "Recaptcha byla zamítnuta",
-  "Join call now": "Připojit se k hovoru",
+  "recaptcha_not_loaded": "Recaptcha se nenačetla",
-  "Join call": "Připojit se k hovoru",
+  "register": {
-  "Invite people": "Pozvat lidi",
+    "passwords_must_match": "Hesla se musí shodovat",
-  "Invite": "Pozvat",
+    "registering": "Registrování…"
-  "Inspector": "Insepktor",
+  },
-  "Incompatible versions!": "Nekompatibilní verze!",
+  "register_auth_links": "<0>Už máte účet?</0><1><0>Přihlásit se</0> Or <2>Jako host</2></1>",
-  "Incompatible versions": "Nekompatibilní verze",
+  "register_confirm_password_label": "Potvrdit heslo",
-  "Walkie-talkie call name": "Jméno vysílačkového hovoru",
+  "return_home_button": "Vrátit se na domácí obrazovku",
-  "Walkie-talkie call": "Vysílačkový hovor",
+  "room_auth_view_join_button": "Připojit se k hovoru",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "screenshare_button_label": "Sdílet obrazovku",
-  "Spotlight": "Soustředěný mód",
+  "select_input_unset_button": "Vyberte možnost",
-  "Recaptcha not loaded": "Recaptcha se nenačetla",
+  "settings": {
-  "Recaptcha dismissed": "Recaptcha byla zamítnuta",
+    "developer_settings_label": "Vývojářské nastavení",
-  "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>",
+    "developer_settings_label_description": "Zobrazit vývojářské nastavení.",
-  "Not registered yet? <2>Create an account</2>": "Nejste registrovaní? <2>Vytvořit účet</2>",
+    "developer_tab_title": "Vývojář",
-  "Join existing call?": "Připojit se k existujícimu hovoru?",
+    "feedback_tab_h4": "Dát feedback",
-  "Include debug logs": "Zahrnout ladící záznamy",
+    "feedback_tab_send_logs_label": "Zahrnout ladící záznamy",
-  "Home": "Domov",
+    "more_tab_title": "Více",
-  "Grid layout menu": "Menu rozložení",
+    "speaker_device_selection_label": "Reproduktor"
-  "Go": "Pokračovat",
+  },
-  "Full screen": "Zvětšit na celou obrazovku",
+  "unauthenticated_view_body": "Nejste registrovaní? <2>Vytvořit účet</2>",
-  "Freedom": "Volný",
+  "unauthenticated_view_login_button": "Přihlásit se ke svému účtu",
-  "Fetching group call timed out.": "Vypršel časový limit načítání skupinového hovoru.",
+  "version": "Verze: {{version}}",
-  "Exit full screen": "Ukončit režim celé obrazovky",
+  "waiting_for_participants": "Čekání na další účastníky…"
-  "Element Call Home": "Domov Element Call",
-  "Download debug logs": "Stáhnout ladící záznamy",
-  "Display name": "Zobrazované jméno",
-  "Developer": "Vývojář",
-  "Details": "Detaily",
-  "Debug log request": "Žádost o protokoly ladění",
-  "Debug log": "Protokoly ladění",
-  "Create account": "Vytvořit účet",
-  "Copy": "Kopírovat",
-  "Call type menu": "Menu typu hovoru",
-  "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>",
-  "<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>",
-  "Expose developer settings in the settings window.": "Zobrazit vývojářské nastavení.",
-  "Developer Settings": "Vývojářské nastavení"
 }

public/locales/de/app.json

@@ -1,120 +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>",
+  },
-  "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.",
+  "action": {
-  "Audio": "Audio",
+    "close": "Schließen",
-  "Avatar": "Avatar",
+    "copy": "Kopieren",
-  "Call link copied": "Anruflink kopiert",
+    "copy_link": "Link kopieren",
-  "Call type menu": "Anruftyp Menü",
+    "go": "Los geht’s",
-  "Camera": "Kamera",
+    "invite": "Einladen",
-  "Change layout": "Layout ändern",
+    "no": "Nein",
-  "Close": "Schließen",
+    "register": "Registrieren",
-  "Confirm password": "Passwort bestätigen",
+    "remove": "Entfernen",
-  "Copied!": "Kopiert!",
+    "sign_in": "Anmelden",
-  "Copy and share this call link": "Kopiere und teile diesen Anruflink",
+    "sign_out": "Abmelden",
-  "Create account": "Konto erstellen",
+    "submit": "Absenden"
-  "Debug log": "Debug-Protokoll",
+  },
-  "Debug log request": "Debug-Log Anfrage",
+  "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>.",
-  "Details": "Details",
+  "app_selection_modal": {
-  "Developer": "Entwickler",
+    "continue_in_browser": "Weiter im Browser",
-  "Display name": "Anzeigename",
+    "open_in_app": "In der App öffnen",
-  "Download debug logs": "Debug-Protokolle herunterladen",
+    "text": "Bereit, beizutreten?",
-  "Exit full screen": "Vollbildmodus verlassen",
+    "title": "App auswählen"
-  "Freedom": "Freiraum",
+  },
-  "Full screen": "Vollbild",
+  "application_opened_another_tab": "Diese Anwendung wurde in einem anderen Tab geöffnet.",
-  "Go": "Los geht’s",
+  "browser_media_e2ee_unsupported": "Dein Webbrowser unterstützt keine Medien-Ende-zu-Ende-Verschlüsselung. Unterstützte Browser sind Chrome, Safari, Firefox >=117",
-  "Grid layout menu": "Grid-Layout-Menü",
+  "browser_media_e2ee_unsupported_heading": "Inkompatibler Browser",
-  "Home": "Startseite",
+  "call_ended_view": {
-  "Include debug logs": "Debug-Protokolle einschließen",
+    "body": "Deine Verbindung wurde getrennt",
-  "Incompatible versions": "Inkompatible Versionen",
+    "create_account_button": "Konto erstellen",
-  "Incompatible versions!": "Inkompatible Versionen!",
+    "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>",
-  "Inspector": "Inspektor",
+    "feedback_done": "<0>Danke für deine Rückmeldung!</0>",
-  "Invite": "Einladen",
+    "feedback_prompt": "<0>Wir würden uns freuen, deine Rückmeldung zu hören, um deine Erfahrung verbessern zu können.</0>",
-  "Invite people": "Personen einladen",
+    "headline": "{{displayName}}, dein Anruf wurde beendet.",
-  "Join call": "Anruf beitreten",
+    "not_now_button": "Nicht jetzt, zurück zur Startseite",
-  "Join call now": "Anruf beitreten",
+    "reconnect_button": "Erneut verbinden",
-  "Join existing call?": "An bestehendem Anruf teilnehmen?",
+    "survey_prompt": "Wie ist es gelaufen?"
-  "Leave": "Verlassen",
+  },
-  "Loading…": "Lade …",
+  "call_name": "Name des Anrufs",
-  "Local volume": "Lokale Lautstärke",
+  "common": {
-  "Logging in…": "Anmelden …",
+    "audio": "Audio",
-  "Login": "Anmelden",
+    "avatar": "Profilbild",
-  "Login to your account": "Melde dich mit deinem Konto an",
+    "camera": "Kamera",
-  "Microphone": "Mikrofon",
+    "copied": "Kopiert!",
-  "More": "Mehr",
+    "display_name": "Anzeigename",
-  "Mute microphone": "Mikrofon stummschalten",
+    "encrypted": "Verschlüsselt",
-  "No": "Nein",
+    "error": "Fehler",
-  "Not now, return to home screen": "Nicht jetzt, zurück zum Startbildschirm",
+    "home": "Startseite",
-  "Not registered yet? <2>Create an account</2>": "Noch nicht registriert? <2>Konto erstellen</2>",
+    "loading": "Lade …",
-  "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>",
+    "microphone": "Mikrofon",
-  "Password": "Passwort",
+    "password": "Passwort",
-  "Passwords must match": "Passwörter müssen übereinstimmen",
+    "profile": "Profil",
-  "Profile": "Profil",
+    "settings": "Einstellungen",
-  "Recaptcha dismissed": "Recaptcha abgelehnt",
+    "unencrypted": "Nicht verschlüsselt",
-  "Recaptcha not loaded": "Recaptcha nicht geladen",
+    "username": "Benutzername",
-  "Register": "Registrieren",
+    "video": "Video"
-  "Registering…": "Registrierung …",
+  },
-  "Remove": "Entfernen",
+  "disconnected_banner": "Die Verbindung zum Server wurde getrennt.",
-  "Return to home screen": "Zurück zum Startbildschirm",
+  "exit_fullscreen_button_label": "Vollbildmodus verlassen",
-  "Select an option": "Wähle eine Option",
+  "full_screen_view_description": "<0>Übermittelte Problemberichte helfen uns, Fehler zu beheben.</0>",
-  "Send debug logs": "Debug-Logs senden",
+  "full_screen_view_h1": "<0>Hoppla, etwas ist schiefgelaufen.</0>",
-  "Sending…": "Senden …",
+  "fullscreen_button_label": "Vollbild",
-  "Settings": "Einstellungen",
+  "group_call_loader_failed_heading": "Anruf nicht gefunden",
-  "Share screen": "Bildschirm teilen",
+  "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.",
-  "Show call inspector": "Anrufinspektor anzeigen",
+  "hangup_button_label": "Anruf beenden",
-  "Sign in": "Anmelden",
+  "header_label": "Element Call-Startseite",
-  "Sign out": "Abmelden",
+  "header_participants_label": "Teilnehmende",
-  "Speaker": "Wiedergabegerät",
+  "invite_modal": {
-  "Spotlight": "Rampenlicht",
+    "link_copied_toast": "Link in Zwischenablage kopiert",
-  "Stop sharing screen": "Beenden der Bildschirmfreigabe",
+    "title": "Zu diesem Anruf einladen"
-  "Submit feedback": "Rückmeldung geben",
+  },
-  "Take me Home": "Zurück zur Startseite",
+  "join_existing_call_modal": {
-  "Thanks! We'll get right on it.": "Vielen Dank! Wir werden uns sofort darum kümmern.",
+    "join_button": "Ja, Anruf beitreten",
-  "This call already exists, would you like to join?": "Dieser Aufruf existiert bereits, möchtest Du teilnehmen?",
+    "text": "Dieser Aufruf existiert bereits, möchtest Du teilnehmen?",
-  "Turn off camera": "Kamera ausschalten",
+    "title": "An bestehendem Anruf teilnehmen?"
-  "Turn on camera": "Kamera einschalten",
+  },
-  "Unmute microphone": "Mikrofon aktivieren",
+  "layout_grid_label": "Raster",
-  "User menu": "Benutzermenü",
+  "layout_spotlight_label": "Rampenlicht",
-  "Username": "Benutzername",
+  "lobby": {
-  "Version: {{version}}": "Version: {{version}}",
+    "join_button": "Anruf beitreten",
-  "Video": "Video",
+    "leave_button": "Zurück zu kürzlichen Anrufen"
-  "Video call": "Videoanruf",
+  },
-  "Video call name": "Name des Videoanrufs",
+  "local_volume_label": "Lokale Lautstärke",
-  "Waiting for other participants…": "Warte auf weitere Teilnehmer …",
+  "log_in": "Anmelden",
-  "Walkie-talkie call": "Walkie-Talkie-Anruf",
+  "logging_in": "Anmelden …",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC wird in diesem Browser nicht unterstützt oder ist blockiert.",
+  "login_auth_links": "<0>Konto erstellen</0> Oder <2>Als Gast betreten</2>",
-  "Yes, join call": "Ja, Anruf beitreten",
+  "login_auth_links_prompt": "Noch nicht registriert?",
-  "Your recent calls": "Deine letzten Anrufe",
+  "login_subheading": "Weiter zu Element",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "login_title": "Anmelden",
-  "Fetching group call timed out.": "Zeitüberschreitung beim Abrufen des Gruppenanrufs.",
+  "microphone_off": "Mikrofon aus",
-  "Walkie-talkie call name": "Name des Walkie-Talkie-Anrufs",
+  "microphone_on": "Mikrofon an",
-  "Sending debug logs…": "Sende Debug-Protokolle …",
+  "mute_microphone_button_label": "Mikrofon deaktivieren",
-  "<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>",
+  "rageshake_button_error_caption": "Protokolle erneut senden",
-  "Copy": "Kopieren",
+  "rageshake_request_modal": {
-  "Element Call Home": "Element Call-Startseite",
+    "body": "Ein anderer Benutzer dieses Anrufs hat ein Problem. Um es besser diagnostizieren zu können, würden wir gerne ein Debug-Protokoll erstellen.",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Übermittelte Problemberichte helfen uns, Fehler zu beheben.</0>",
+    "title": "Debug-Log Anfrage"
-  "<0>Oops, something's gone wrong.</0>": "<0>Hoppla, etwas ist schiefgelaufen.</0>",
+  },
-  "Expose developer settings in the settings window.": "Zeige die Entwicklereinstellungen im Einstellungsfenster.",
+  "rageshake_send_logs": "Debug-Logs senden",
-  "Developer Settings": "Entwicklereinstellungen",
+  "rageshake_sending": "Senden …",
-  "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>.",
+  "rageshake_sending_logs": "Sende Debug-Protokolle …",
-  "<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.",
+  "rageshake_sent": "Danke!",
-  "Feedback": "Rückmeldung",
+  "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>",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Falls du auf Probleme stößt oder einfach nur eine Rückmeldung geben möchtest, sende uns bitte eine kurze Beschreibung.",
+  "recaptcha_dismissed": "Recaptcha abgelehnt",
-  "Your feedback": "Deine Rückmeldung",
+  "recaptcha_not_loaded": "Recaptcha nicht geladen",
-  "Thanks, we received your feedback!": "Danke, wir haben deine Rückmeldung erhalten!",
+  "register": {
-  "Submitting…": "Sende …",
+    "passwords_must_match": "Passwörter müssen übereinstimmen",
-  "Submit": "Absenden",
+    "registering": "Registrierung …"
-  "{{count}} stars|other": "{{count}} Sterne",
+  },
-  "{{displayName}}, your call has ended.": "{{displayName}}, dein Anruf wurde beendet.",
+  "register_auth_links": "<0>Du hast bereits ein Konto?</0><1><0>Anmelden</0> Oder <2>Als Gast betreten</2></1>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Wir würden uns freuen, deine Rückmeldung zu hören, um deine Erfahrung verbessern zu können.</0>",
+  "register_confirm_password_label": "Passwort bestätigen",
-  "How did it go?": "Wie ist es gelaufen?",
+  "return_home_button": "Zurück zur Startseite",
-  "{{count}} stars|one": "{{count}} Stern",
+  "room_auth_view_eula_caption": "Mit einem Klick auf „Anruf beitreten“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
-  "<0>Thanks for your feedback!</0>": "<0>Danke für deine Rückmeldung!</0>",
+  "room_auth_view_join_button": "Anruf beitreten",
-  "{{displayName}} is presenting": "{{displayName}} präsentiert",
+  "screenshare_button_label": "Bildschirm teilen",
-  "Show connection stats": "Verbindungsstatistiken zeigen",
+  "select_input_unset_button": "Wähle eine Option",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Mit einem Klick auf „Anruf beitreten“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
+  "settings": {
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Mit einem Klick auf „Los geht’s“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
+    "developer_settings_label": "Entwicklereinstellungen",
-  "Element Call is temporarily not encrypted while we test scalability.": "Element Call ist temporär nicht verschlüsselt, während wir die Skalierbarkeit testen.",
+    "developer_settings_label_description": "Zeige die Entwicklereinstellungen im Einstellungsfenster.",
-  "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>": "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>"
+    "developer_tab_title": "Entwickler",
+    "feedback_tab_body": "Falls du auf Probleme stößt oder einfach nur eine Rückmeldung geben möchtest, sende uns bitte eine kurze Beschreibung.",
+    "feedback_tab_description_label": "Deine Rückmeldung",
+    "feedback_tab_h4": "Rückmeldung geben",
+    "feedback_tab_send_logs_label": "Debug-Protokolle einschließen",
+    "feedback_tab_thank_you": "Danke, wir haben deine Rückmeldung erhalten!",
+    "feedback_tab_title": "Rückmeldung",
+    "more_tab_title": "Mehr",
+    "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.",
+    "show_connection_stats_label": "Verbindungsstatistiken zeigen",
+    "speaker_device_selection_label": "Wiedergabegerät"
+  },
+  "star_rating_input_label_one": "{{count}} Stern",
+  "star_rating_input_label_other": "{{count}} Sterne",
+  "start_new_call": "Neuen Anruf beginnen",
+  "start_video_button_label": "Video aktivieren",
+  "stop_screenshare_button_label": "Bildschirm wird geteilt",
+  "stop_video_button_label": "Video deaktivieren",
+  "submitting": "Sende …",
+  "unauthenticated_view_body": "Noch nicht registriert? <2>Konto erstellen</2>",
+  "unauthenticated_view_eula_caption": "Mit einem Klick auf „Los geht’s“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
+  "unauthenticated_view_login_button": "Melde dich mit deinem Konto an",
+  "unmute_microphone_button_label": "Mikrofon aktivieren",
+  "version": "Version: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} präsentiert",
+    "sfu_participant_local": "Du"
+  },
+  "waiting_for_participants": "Warte auf weitere Teilnehmer …"
 }

public/locales/el/app.json

@@ -1,116 +1,101 @@
 {
-  "Version: {{version}}": "Έκδοση: {{version}}",
+  "a11y": {
-  "User menu": "Μενού χρήστη",
+    "user_menu": "Μενού χρήστη"
-  "Submit feedback": "Υποβάλετε σχόλια",
+  },
-  "Stop sharing screen": "Διακοπή κοινής χρήσης οθόνης",
+  "action": {
-  "Sign in": "Σύνδεση",
+    "close": "Κλείσιμο",
-  "Show call inspector": "Εμφάνιση του επιθεωρητή κλήσης",
+    "copy": "Αντιγραφή",
-  "Share screen": "Κοινή χρήση οθόνης",
+    "go": "Μετάβαση",
-  "Sending…": "Αποστολή…",
+    "no": "Όχι",
-  "Select an option": "Επιλέξτε μια επιλογή",
+    "register": "Εγγραφή",
-  "Remove": "Αφαίρεση",
+    "remove": "Αφαίρεση",
-  "Registering…": "Εγγραφή…",
+    "sign_in": "Σύνδεση",
-  "Not registered yet? <2>Create an account</2>": "Δεν έχετε εγγραφεί ακόμα; <2>Δημιουργήστε λογαριασμό</2>",
+    "sign_out": "Αποσύνδεση",
-  "Login to your account": "Συνδεθείτε στον λογαριασμό σας",
+    "submit": "Υποβολή"
-  "Logging in…": "Σύνδεση…",
+  },
-  "Invite people": "Προσκαλέστε άτομα",
+  "analytics_notice": "Συμμετέχοντας σε αυτή τη δοκιμαστική έκδοση, συναινείτε στη συλλογή ανώνυμων δεδομένων, τα οποία χρησιμοποιούμε για τη βελτίωση του προϊόντος. Μπορείτε να βρείτε περισσότερες πληροφορίες σχετικά με το ποια δεδομένα καταγράφουμε στην <2>Πολιτική απορρήτου</2> και στην <5>Πολιτική cookies</5>.",
-  "Invite": "Πρόσκληση",
+  "call_ended_view": {
-  "Inspector": "Επιθεωρητής",
+    "create_account_button": "Δημιουργία λογαριασμού",
-  "Incompatible versions!": "Μη συμβατές εκδόσεις!",
+    "create_account_prompt": "<0>Γιατί να μην ολοκληρώσετε με τη δημιουργία ενός κωδικού πρόσβασης για τη διατήρηση του λογαριασμού σας;</0><1>Θα μπορείτε να διατηρήσετε το όνομά σας και να ορίσετε ένα avatar για χρήση σε μελλοντικές κλήσεις.</1>",
-  "Incompatible versions": "Μη συμβατές εκδόσεις",
+    "feedback_done": "<0>Ευχαριστώ για τα σχόλιά σας!</0>",
-  "Display name": "Εμφανιζόμενο όνομα",
+    "feedback_prompt": "<0>Θα θέλαμε να ακούσουμε τα σχόλιά σας ώστε να βελτιώσουμε την εμπειρία σας.</0>",
-  "Developer Settings": "Ρυθμίσεις προγραμματιστή",
+    "headline": "{{displayName}}, η κλήση σας τερματίστηκε.",
-  "Debug log request": "Αίτημα αρχείου καταγραφής",
+    "not_now_button": "Όχι τώρα, επιστροφή στην αρχική οθόνη",
-  "Call link copied": "Ο σύνδεσμος κλήσης αντιγράφηκε",
+    "survey_prompt": "Πώς σας φάνηκε;"
-  "Avatar": "Avatar",
+  },
-  "<0>Oops, something's gone wrong.</0>": "<0>Ωχ, κάτι πήγε στραβά.</0>",
+  "common": {
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Δημιουργήστε λογαριασμό</0> Ή <2>Συμμετέχετε ως επισκέπτης</2>",
+    "audio": "Ήχος",
-  "<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>",
+    "camera": "Κάμερα",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "copied": "Αντιγράφηκε!",
-  "Your recent calls": "Οι πρόσφατες κλήσεις σας",
+    "display_name": "Εμφανιζόμενο όνομα",
-  "Yes, join call": "Ναι, συμμετοχή στην κλήση",
+    "home": "Αρχική",
-  "WebRTC is not supported or is being blocked in this browser.": "Το WebRTC δεν υποστηρίζεται ή έχει αποκλειστεί σε αυτό το πρόγραμμα περιήγησης.",
+    "loading": "Φόρτωση…",
-  "Walkie-talkie call name": "Όνομα κλήσης walkie-talkie",
+    "microphone": "Μικρόφωνο",
-  "Walkie-talkie call": "Κλήση walkie-talkie",
+    "password": "Κωδικός",
-  "Waiting for other participants…": "Αναμονή για άλλους συμμετέχοντες…",
+    "profile": "Προφίλ",
-  "Video call name": "Όνομα βίντεο κλήσης",
+    "settings": "Ρυθμίσεις",
-  "Video call": "Βίντεο κλήση",
+    "username": "Όνομα χρήστη",
-  "Video": "Βίντεο",
+    "video": "Βίντεο"
-  "Username": "Όνομα χρήστη",
+  },
-  "Turn on camera": "Ενεργοποιήστε την κάμερα",
+  "exit_fullscreen_button_label": "Έξοδος από πλήρη οθόνη",
-  "Turn off camera": "Απενεργοποιήστε την κάμερα",
+  "full_screen_view_description": "<0>Η υποβολή αρχείων καταγραφής σφαλμάτων θα μας βοηθήσει να εντοπίσουμε το πρόβλημα.</0>",
-  "This call already exists, would you like to join?": "Αυτή η κλήση υπάρχει ήδη, θα θέλατε να συμμετάσχετε;",
+  "full_screen_view_h1": "<0>Ωχ, κάτι πήγε στραβά.</0>",
-  "Speaker": "Ηχείο",
+  "fullscreen_button_label": "Πλήρη οθόνη",
-  "Sign out": "Αποσύνδεση",
+  "header_label": "Element Κεντρική Οθόνη Κλήσεων",
-  "Settings": "Ρυθμίσεις",
+  "join_existing_call_modal": {
-  "Return to home screen": "Επιστροφή στην αρχική οθόνη",
+    "join_button": "Ναι, συμμετοχή στην κλήση",
-  "Register": "Εγγραφή",
+    "text": "Αυτή η κλήση υπάρχει ήδη, θα θέλατε να συμμετάσχετε;",
-  "Profile": "Προφίλ",
+    "title": "Συμμετοχή στην υπάρχουσα κλήση;"
-  "Passwords must match": "Οι κωδικοί πρέπει να ταιριάζουν",
+  },
-  "Password": "Κωδικός",
+  "lobby": {
-  "Not now, return to home screen": "Όχι τώρα, επιστροφή στην αρχική οθόνη",
+    "join_button": "Συμμετοχή στην κλήση"
-  "No": "Όχι",
+  },
-  "Mute microphone": "Σίγαση μικροφώνου",
+  "local_volume_label": "Τοπική ένταση",
-  "More": "Περισσότερα",
+  "logging_in": "Σύνδεση…",
-  "Microphone": "Μικρόφωνο",
+  "login_auth_links": "<0>Δημιουργήστε λογαριασμό</0> Ή <2>Συμμετέχετε ως επισκέπτης</2>",
-  "Login": "Σύνδεση",
+  "login_title": "Σύνδεση",
-  "Loading…": "Φόρτωση…",
+  "rageshake_request_modal": {
-  "Leave": "Αποχώρηση",
+    "body": "Ένας άλλος χρήστης σε αυτή την κλήση έχει ένα πρόβλημα. Για την καλύτερη διάγνωση αυτών των προβλημάτων θα θέλαμε να συλλέξουμε ένα αρχείο καταγραφής σφαλμάτων.",
-  "Join existing call?": "Συμμετοχή στην υπάρχουσα κλήση;",
+    "title": "Αίτημα αρχείου καταγραφής"
-  "Join call now": "Συμμετοχή στην κλήση τώρα",
+  },
-  "Join call": "Συμμετοχή στην κλήση",
+  "rageshake_send_logs": "Αποστολή αρχείων καταγραφής",
-  "Go": "Μετάβαση",
+  "rageshake_sending": "Αποστολή…",
-  "Full screen": "Πλήρη οθόνη",
+  "rageshake_sending_logs": "Αποστολή αρχείων καταγραφής…",
-  "Exit full screen": "Έξοδος από πλήρη οθόνη",
+  "recaptcha_dismissed": "Το recaptcha απορρίφθηκε",
-  "Details": "Λεπτομέρειες",
+  "recaptcha_not_loaded": "Το Recaptcha δεν φορτώθηκε",
-  "Create account": "Δημιουργία λογαριασμού",
+  "register": {
-  "Copy and share this call link": "Αντιγράψτε και μοιραστείτε αυτόν τον σύνδεσμο κλήσης",
+    "passwords_must_match": "Οι κωδικοί πρέπει να ταιριάζουν",
-  "Copy": "Αντιγραφή",
+    "registering": "Εγγραφή…"
-  "Copied!": "Αντιγράφηκε!",
+  },
-  "Confirm password": "Επιβεβαίωση κωδικού",
+  "register_auth_links": "<0>Έχετε ήδη λογαριασμό;</0><1><0>Συνδεθείτε</0> Ή <2>Συμμετέχετε ως επισκέπτης</2></1>",
-  "Close": "Κλείσιμο",
+  "register_confirm_password_label": "Επιβεβαίωση κωδικού",
-  "Change layout": "Αλλαγή διάταξης",
+  "return_home_button": "Επιστροφή στην αρχική οθόνη",
-  "Camera": "Κάμερα",
+  "room_auth_view_join_button": "Συμμετοχή στην κλήση τώρα",
-  "Audio": "Ήχος",
+  "screenshare_button_label": "Κοινή χρήση οθόνης",
-  "Send debug logs": "Αποστολή αρχείων καταγραφής",
+  "select_input_unset_button": "Επιλέξτε μια επιλογή",
-  "Recaptcha dismissed": "Το recaptcha απορρίφθηκε",
+  "settings": {
-  "<0>Thanks for your feedback!</0>": "<0>Ευχαριστώ για τα σχόλιά σας!</0>",
+    "developer_settings_label": "Ρυθμίσεις προγραμματιστή",
-  "Call type menu": "Μενού είδους κλήσης",
+    "developer_settings_label_description": "Εμφάνιση ρυθμίσεων προγραμματιστή στο παράθυρο ρυθμίσεων.",
-  "Local volume": "Τοπική ένταση",
+    "developer_tab_title": "Προγραμματιστής",
-  "Home": "Αρχική",
+    "feedback_tab_body": "Εάν αντιμετωπίζετε προβλήματα ή απλά θέλετε να μας δώσετε κάποια σχόλια, παρακαλούμε στείλτε μας μια σύντομη περιγραφή παρακάτω.",
-  "Show connection stats": "Εμφάνιση στατιστικών σύνδεσης",
+    "feedback_tab_description_label": "Τα σχόλιά σας",
-  "Unmute microphone": "Κατάργηση σίγασης μικροφώνου",
+    "feedback_tab_h4": "Υποβάλετε σχόλια",
-  "Take me Home": "Μετάβαση στην Αρχική",
+    "feedback_tab_send_logs_label": "Να συμπεριληφθούν αρχεία καταγραφής",
-  "{{displayName}} is presenting": "{{displayName}} παρουσιάζει",
+    "feedback_tab_thank_you": "Ευχαριστούμε, λάβαμε τα σχόλιά σας!",
-  "<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>Μπορείτε να ανακαλέσετε τη συγκατάθεσή σας αποεπιλέγοντας αυτό το πλαίσιο. Εάν βρίσκεστε σε κλήση, η ρύθμιση αυτή θα τεθεί σε ισχύ στο τέλος της.",
+    "feedback_tab_title": "Ανατροφοδότηση",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Συμμετοχή στην κλήση τώρα</0><1>Or</1><2>Αντιγραφή συνδέσμου κλήσης και συμμετοχή αργότερα</2>",
+    "more_tab_title": "Περισσότερα",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Θα θέλαμε να ακούσουμε τα σχόλιά σας ώστε να βελτιώσουμε την εμπειρία σας.</0>",
+    "opt_in_description": "<0></0><1></1>Μπορείτε να ανακαλέσετε τη συγκατάθεσή σας αποεπιλέγοντας αυτό το πλαίσιο. Εάν βρίσκεστε σε κλήση, η ρύθμιση αυτή θα τεθεί σε ισχύ στο τέλος της.",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Γιατί να μην ολοκληρώσετε με τη δημιουργία ενός κωδικού πρόσβασης για τη διατήρηση του λογαριασμού σας;</0><1>Θα μπορείτε να διατηρήσετε το όνομά σας και να ορίσετε ένα avatar για χρήση σε μελλοντικές κλήσεις.</1>",
+    "show_connection_stats_label": "Εμφάνιση στατιστικών σύνδεσης",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Ένας άλλος χρήστης σε αυτή την κλήση έχει ένα πρόβλημα. Για την καλύτερη διάγνωση αυτών των προβλημάτων θα θέλαμε να συλλέξουμε ένα αρχείο καταγραφής σφαλμάτων.",
+    "speaker_device_selection_label": "Ηχείο"
-  "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>Πολιτική cookies</5>.",
+  },
-  "Grid layout menu": "Μενού διάταξης πλέγματος",
+  "star_rating_input_label_one": "{{count}} αστέρι",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Εάν αντιμετωπίζετε προβλήματα ή απλά θέλετε να μας δώσετε κάποια σχόλια, παρακαλούμε στείλτε μας μια σύντομη περιγραφή παρακάτω.",
+  "star_rating_input_label_other": "{{count}} αστέρια",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Κάποιοι άλλοι χρήστες προσπαθούν να συμμετάσχουν σε αυτή την κλήση από ασύμβατες εκδόσεις. Αυτοί οι χρήστες θα πρέπει να βεβαιωθούν ότι έχουν κάνει ανανέωση (refresh) την καρτέλα του περιηγητή τους:<1>{userLis}</1>",
+  "submitting": "Υποβολή…",
-  "Thanks! We'll get right on it.": "Ευχαριστούμε! Θα το ερευνήσουμε αμέσως.",
+  "unauthenticated_view_body": "Δεν έχετε εγγραφεί ακόμα; <2>Δημιουργήστε λογαριασμό</2>",
-  "Expose developer settings in the settings window.": "Εμφάνιση ρυθμίσεων προγραμματιστή στο παράθυρο ρυθμίσεων.",
+  "unauthenticated_view_login_button": "Συνδεθείτε στον λογαριασμό σας",
-  "Feedback": "Ανατροφοδότηση",
+  "version": "Έκδοση: {{version}}",
-  "Submitting…": "Υποβολή…",
+  "video_tile": {
-  "Thanks, we received your feedback!": "Ευχαριστούμε, λάβαμε τα σχόλιά σας!",
+    "presenter_label": "{{displayName}} παρουσιάζει"
-  "{{count}} stars|other": "{{count}} αστέρια",
+  },
-  "{{count}} stars|one": "{{count}} αστέρι",
+  "waiting_for_participants": "Αναμονή για άλλους συμμετέχοντες…"
-  "{{displayName}}, your call has ended.": "{{displayName}}, η κλήση σας τερματίστηκε.",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Η υποβολή αρχείων καταγραφής σφαλμάτων θα μας βοηθήσει να εντοπίσουμε το πρόβλημα.</0>",
-  "How did it go?": "Πώς σας φάνηκε;",
-  "Include debug logs": "Να συμπεριληφθούν αρχεία καταγραφής",
-  "Recaptcha not loaded": "Το Recaptcha δεν φορτώθηκε",
-  "Debug log": "Αρχείο καταγραφής",
-  "Developer": "Προγραμματιστής",
-  "Download debug logs": "Λήψη αρχείων καταγραφής",
-  "Sending debug logs…": "Αποστολή αρχείων καταγραφής…",
-  "Submit": "Υποβολή",
-  "Your feedback": "Τα σχόλιά σας",
-  "Fetching group call timed out.": "Η ομαδική κλήση έληξε από τέλος χρόνου.",
-  "Freedom": "Ελευθερία",
-  "Spotlight": "Spotlight",
-  "Element Call Home": "Element Κεντρική Οθόνη Κλήσεων"
 }

public/locales/en-GB/app.json

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

public/locales/es/app.json

@@ -1,102 +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": {
-  "Your recent calls": "Tus llamadas recientes",
+    "user_menu": "Menú de usuario"
-  "WebRTC is not supported or is being blocked in this browser.": "Tu navegador no soporta o está bloqueando WebRTC.",
+  },
-  "This call already exists, would you like to join?": "Esta llamada ya existe, ¿te gustaría unirte?",
+  "action": {
-  "Register": "Registrarse",
+    "close": "Cerrar",
-  "Not registered yet? <2>Create an account</2>": "¿No estás registrado todavía? <2>Crear una cuenta</2>",
+    "copy": "Copiar",
-  "Login to your account": "Iniciar sesión en tu cuenta",
+    "go": "Comenzar",
-  "Yes, join call": "Si, unirse a la llamada",
+    "register": "Registrarse",
-  "Walkie-talkie call name": "Nombre de la llamada Walkie-talkie",
+    "remove": "Eliminar",
-  "Walkie-talkie call": "Llamada Walkie-talkie",
+    "sign_in": "Iniciar sesión",
-  "Waiting for other participants…": "Esperando a los otros participantes…",
+    "sign_out": "Cerrar sesión",
-  "Video call name": "Nombre de la videollamada",
+    "submit": "Enviar"
-  "Video call": "Videollamada",
+  },
-  "Video": "Video",
+  "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>.",
-  "Version: {{version}}": "Versión: {{version}}",
+  "call_ended_view": {
-  "Username": "Nombre de usuario",
+    "create_account_button": "Crear cuenta",
-  "User menu": "Menú de usuario",
+    "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>",
-  "Unmute microphone": "Desilenciar el micrófono",
+    "feedback_done": "<0>¡Gracias por tus comentarios!</0>",
-  "Turn on camera": "Encender la cámara",
+    "feedback_prompt": "<0>Nos encantaría conocer tu opinión para que podamos mejorar tu experiencia</0>",
-  "Turn off camera": "Apagar la cámara",
+    "headline": "{{displayName}}, tu llamada ha finalizado.",
-  "Thanks! We'll get right on it.": "¡Gracias! Nos encargaremos de ello.",
+    "not_now_button": "Ahora no, volver a la pantalla de inicio",
-  "Take me Home": "Volver al inicio",
+    "survey_prompt": "¿Cómo ha ido?"
-  "Submit feedback": "Enviar comentarios",
+  },
-  "Stop sharing screen": "Dejar de compartir pantalla",
+  "common": {
-  "Spotlight": "Foco",
+    "camera": "Cámara",
-  "Speaker": "Altavoz",
+    "copied": "¡Copiado!",
-  "Sign out": "Cerrar sesión",
+    "display_name": "Nombre a mostrar",
-  "Sign in": "Iniciar sesión",
+    "home": "Inicio",
-  "Show call inspector": "Mostrar inspector de llamada",
+    "loading": "Cargando…",
-  "Share screen": "Compartir pantalla",
+    "microphone": "Micrófono",
-  "Settings": "Ajustes",
+    "password": "Contraseña",
-  "Sending…": "Enviando…",
+    "profile": "Perfil",
-  "Sending debug logs…": "Enviando registros de depuración…",
+    "settings": "Ajustes",
-  "Send debug logs": "Enviar registros de depuración",
+    "username": "Nombre de usuario"
-  "Select an option": "Selecciona una opción",
+  },
-  "Return to home screen": "Volver a la pantalla de inicio",
+  "exit_fullscreen_button_label": "Salir de pantalla completa",
-  "Remove": "Eliminar",
+  "full_screen_view_description": "<0>Subir los registros de depuración nos ayudará a encontrar el problema.</0>",
-  "Registering…": "Registrando…",
+  "full_screen_view_h1": "<0>Ups, algo ha salido mal.</0>",
-  "Recaptcha not loaded": "No se ha cargado el Recaptcha",
+  "fullscreen_button_label": "Pantalla completa",
-  "Recaptcha dismissed": "Recaptcha cancelado",
+  "header_label": "Inicio de Element Call",
-  "Profile": "Perfil",
+  "join_existing_call_modal": {
-  "Passwords must match": "Las contraseñas deben coincidir",
+    "join_button": "Si, unirse a la llamada",
-  "Password": "Contraseña",
+    "text": "Esta llamada ya existe, ¿te gustaría unirte?",
-  "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>",
+    "title": "¿Unirse a llamada existente?"
-  "Not now, return to home screen": "Ahora no, volver a la pantalla de inicio",
+  },
-  "No": "No",
+  "layout_spotlight_label": "Foco",
-  "Mute microphone": "Silenciar micrófono",
+  "lobby": {
-  "More": "Más",
+    "join_button": "Unirse a la llamada"
-  "Microphone": "Micrófono",
+  },
-  "Login": "Iniciar sesión",
+  "local_volume_label": "Volumen local",
-  "Logging in…": "Iniciando sesión…",
+  "logging_in": "Iniciando sesión…",
-  "Local volume": "Volumen local",
+  "login_auth_links": "<0>Crear una cuenta</0> o <2>Acceder como invitado</2>",
-  "Loading…": "Cargando…",
+  "login_title": "Iniciar sesión",
-  "Leave": "Abandonar",
+  "rageshake_request_modal": {
-  "Join existing call?": "¿Unirse a llamada existente?",
+    "body": "Otro usuario en esta llamada está teniendo problemas. Para diagnosticar estos problemas nos gustaría recopilar un registro de depuración.",
-  "Join call now": "Unirse a la llamada ahora",
+    "title": "Petición de registros de depuración"
-  "Join call": "Unirse a la llamada",
+  },
-  "Invite people": "Invitar a gente",
+  "rageshake_send_logs": "Enviar registros de depuración",
-  "Invite": "Invitar",
+  "rageshake_sending": "Enviando…",
-  "Inspector": "Inspector",
+  "rageshake_sending_logs": "Enviando registros de depuración…",
-  "Incompatible versions!": "¡Versiones incompatibles!",
+  "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>",
-  "Incompatible versions": "Versiones incompatibles",
+  "recaptcha_dismissed": "Recaptcha cancelado",
-  "Include debug logs": "Incluir registros de depuración",
+  "recaptcha_not_loaded": "No se ha cargado el Recaptcha",
-  "Home": "Inicio",
+  "register": {
-  "Grid layout menu": "Menú de distribución de cuadrícula",
+    "passwords_must_match": "Las contraseñas deben coincidir",
-  "Go": "Comenzar",
+    "registering": "Registrando…"
-  "Full screen": "Pantalla completa",
+  },
-  "Freedom": "Libre",
+  "register_auth_links": "<0>¿Ya tienes una cuenta?</0><1><0>Iniciar sesión</0> o <2>Acceder como invitado</2></1>",
-  "Fetching group call timed out.": "Se ha agotado el tiempo de espera para obtener la llamada grupal.",
+  "register_confirm_password_label": "Confirmar contraseña",
-  "Exit full screen": "Salir de pantalla completa",
+  "return_home_button": "Volver a la pantalla de inicio",
-  "Download debug logs": "Descargar registros de depuración",
+  "room_auth_view_eula_caption": "Al hacer clic en \"Unirse a la llamada ahora\", aceptas nuestro <2>Contrato de Licencia de Usuario Final (CLUF)</2>",
-  "Display name": "Nombre a mostrar",
+  "room_auth_view_join_button": "Unirse a la llamada ahora",
-  "Developer": "Desarrollador",
+  "screenshare_button_label": "Compartir pantalla",
-  "Details": "Detalles",
+  "select_input_unset_button": "Selecciona una opción",
-  "Debug log request": "Petición de registros de depuración",
+  "settings": {
-  "Debug log": "Registro de depuración",
+    "developer_settings_label": "Ajustes de desarrollador",
-  "Create account": "Crear cuenta",
+    "developer_settings_label_description": "Muestra los ajustes de desarrollador en la ventana de ajustes.",
-  "Copy and share this call link": "Copiar y compartir el enlace de la llamada",
+    "developer_tab_title": "Desarrollador",
-  "Copied!": "¡Copiado!",
+    "feedback_tab_body": "Si tienes algún problema o simplemente quieres darnos tu opinión, por favor envíanos una breve descripción.",
-  "Confirm password": "Confirmar contraseña",
+    "feedback_tab_description_label": "Tus comentarios",
-  "Close": "Cerrar",
+    "feedback_tab_h4": "Enviar comentarios",
-  "Change layout": "Cambiar distribución",
+    "feedback_tab_send_logs_label": "Incluir registros de depuración",
-  "Camera": "Cámara",
+    "feedback_tab_thank_you": "¡Gracias, hemos recibido tus comentarios!",
-  "Call type menu": "Menú de tipo de llamada",
+    "feedback_tab_title": "Danos tu opinión",
-  "Call link copied": "Enlace de la llamada copiado",
+    "more_tab_title": "Más",
-  "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.",
+    "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.",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "show_connection_stats_label": "Mostrar estadísticas de conexión",
-  "Audio": "Audio",
+    "speaker_device_selection_label": "Altavoz"
-  "Avatar": "Avatar",
+  },
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Crear una cuenta</0> o <2>Acceder como invitado</2>",
+  "star_rating_input_label_one": "{{count}} estrella",
-  "<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>",
+  "star_rating_input_label_other": "{{count}} estrellas",
-  "<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>",
+  "submitting": "Enviando…",
-  "Element Call Home": "Inicio de Element Call",
+  "unauthenticated_view_body": "¿No estás registrado todavía? <2>Crear una cuenta</2>",
-  "Copy": "Copiar",
+  "unauthenticated_view_eula_caption": "Al hacer clic en \"Comenzar\", aceptas nuestro <2>Contrato de Licencia de Usuario Final (CLUF)</2>",
-  "<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>",
+  "unauthenticated_view_login_button": "Iniciar sesión en tu cuenta",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ups, algo ha salido mal.</0>",
+  "version": "Versión: {{version}}",
-  "Expose developer settings in the settings window.": "Muestra los ajustes de desarrollador en la ventana de ajustes.",
+  "video_tile": {
-  "Developer Settings": "Ajustes de desarrollador",
+    "presenter_label": "{{displayName}} está presentando"
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Al participar en esta beta, consientes a la recogida de datos anónimos, los cuales usaremos para mejorar el producto. Puedes encontrar más información sobre que datos recogemos en nuestra <2>Política de privacidad</2> y en nuestra <5>Política sobre Cookies</5>.",
+  },
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Puedes retirar tu consentimiento desmarcando esta casilla. Si estás en una llamada, este ajuste se aplicará al final de esta."
+  "waiting_for_participants": "Esperando a los otros participantes…"
 }

public/locales/et/app.json

@@ -1,120 +1,140 @@
 {
-  "<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>",
+  "a11y": {
-  "<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>",
+    "user_menu": "Kasutajamenüü"
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Loo konto</0> Või <2>Sisene külalisena</2>",
+  },
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>On sul juba konto?</0><1><0>Logi sisse</0> Või <2>Logi sisse külalisena</2></1>",
+  "action": {
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "close": "Sulge",
-  "Invite people": "Kutsu inimesi",
+    "copy": "Kopeeri",
-  "Invite": "Kutsu",
+    "copy_link": "Kopeeri link",
-  "Inspector": "Inspektor",
+    "go": "Jätka",
-  "Incompatible versions!": "Ühildumatud versioonid!",
+    "invite": "Kutsu",
-  "Incompatible versions": "Ühildumatud versioonid",
+    "no": "Ei",
-  "Include debug logs": "Lisa veatuvastuslogid",
+    "register": "Registreeru",
-  "Home": "Avavaatesse",
+    "remove": "Eemalda",
-  "Grid layout menu": "Ruudustikvaate menüü",
+    "sign_in": "Logi sisse",
-  "Go": "Jätka",
+    "sign_out": "Logi välja",
-  "Full screen": "Täisekraan",
+    "submit": "Saada"
-  "Freedom": "Vaba",
+  },
-  "Fetching group call timed out.": "Grupikõne kättesaamine aegus.",
+  "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>.",
-  "Exit full screen": "Välju täisekraanivaatest",
+  "app_selection_modal": {
-  "Download debug logs": "Lae alla veatuvastuslogid",
+    "continue_in_browser": "Jätka veebibrauseris",
-  "Display name": "Kuvatav nimi",
+    "open_in_app": "Ava rakenduses",
-  "Developer": "Arendaja",
+    "text": "Oled valmis liituma?",
-  "Details": "Täpsemalt",
+    "title": "Vali rakendus"
-  "Debug log request": "Veaotsingulogi päring",
+  },
-  "Debug log": "Veaotsingulogi",
+  "browser_media_e2ee_unsupported": "Sinu veebibrauser ei toeta meedia läbivat krüptimist. Toetatud brauserid on Chrome, Chromium, Safari ja Firefox >=117",
-  "Create account": "Loo konto",
+  "call_ended_view": {
-  "Copy and share this call link": "Kopeeri ja jaga selle kõne linki",
+    "body": "Sinu ühendus kõnega katkes",
-  "Copied!": "Kopeeritud!",
+    "create_account_button": "Loo konto",
-  "Confirm password": "Kinnita salasõna",
+    "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>",
-  "Close": "Sulge",
+    "feedback_done": "<0>Täname Sind tagasiside eest!</0>",
-  "Change layout": "Muuda paigutust",
+    "feedback_prompt": "<0>Meie rakenduse paremaks muutmiseks me hea meelega ootame Sinu arvamusi.</0>",
-  "Camera": "Kaamera",
+    "headline": "{{displayName}}, sinu kõne on lõppenud.",
-  "Call type menu": "Kõnetüübi valik",
+    "not_now_button": "Mitte praegu, mine tagasi avalehele",
-  "Call link copied": "Kõne link on kopeeritud",
+    "reconnect_button": "Ühenda uuesti",
-  "Avatar": "Tunnuspilt",
+    "survey_prompt": "Kuidas sujus?"
-  "Audio": "Heli",
+  },
-  "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.",
+  "call_name": "Kõne nimi",
-  "Passwords must match": "Salasõnad ei klapi",
+  "common": {
-  "Password": "Salasõna",
+    "audio": "Heli",
-  "Not registered yet? <2>Create an account</2>": "Sa pole veel registreerunud? <2>Loo kasutajakonto</2>",
+    "avatar": "Tunnuspilt",
-  "Not now, return to home screen": "Mitte praegu, mine tagasi avalehele",
+    "camera": "Kaamera",
-  "No": "Ei",
+    "copied": "Kopeeritud!",
-  "Mute microphone": "Summuta mikrofon",
+    "display_name": "Kuvatav nimi",
-  "Your recent calls": "Hiljutised kõned",
+    "encrypted": "Krüptitud",
-  "More": "Rohkem",
+    "home": "Avavaatesse",
-  "Microphone": "Mikrofon",
+    "loading": "Laadimine …",
-  "Login to your account": "Logi oma kontosse sisse",
+    "microphone": "Mikrofon",
-  "Login": "Sisselogimine",
+    "password": "Salasõna",
-  "Logging in…": "Sisselogimine …",
+    "profile": "Profiil",
-  "Local volume": "Kohalik helitugevus",
+    "settings": "Seadistused",
-  "Loading…": "Laadimine …",
+    "unencrypted": "Krüptimata",
-  "Leave": "Lahku",
+    "username": "Kasutajanimi"
-  "Join existing call?": "Liitu juba käimasoleva kõnega?",
+  },
-  "Join call now": "Liitu kõnega kohe",
+  "disconnected_banner": "Võrguühendus serveriga on katkenud.",
-  "Join call": "Kõnega liitumine",
+  "exit_fullscreen_button_label": "Välju täisekraanivaatest",
-  "Turn on camera": "Lülita kaamera sisse",
+  "full_screen_view_description": "<0>Kui saadad meile vealogid, siis on lihtsam vea põhjust otsida.</0>",
-  "Turn off camera": "Lülita kaamera välja",
+  "full_screen_view_h1": "<0>Ohoo, midagi on nüüd katki.</0>",
-  "Take me Home": "Mine avalehele",
+  "fullscreen_button_label": "Täisekraan",
-  "Submit feedback": "Jaga tagasisidet",
+  "group_call_loader_failed_heading": "Kõnet ei leidu",
-  "Stop sharing screen": "Lõpeta ekraani jagamine",
+  "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.",
-  "Spotlight": "Rambivalgus",
+  "hangup_button_label": "Lõpeta kõne",
-  "Speaker": "Kõlar",
+  "header_participants_label": "Osalejad",
-  "Sign out": "Logi välja",
+  "invite_modal": {
-  "Sign in": "Logi sisse",
+    "link_copied_toast": "Link on kopeeritud lõikelauale",
-  "Show call inspector": "Näita kõneteavet",
+    "title": "Kutsu liituma selle kõnaga"
-  "Share screen": "Jaga ekraani",
+  },
-  "Settings": "Seadistused",
+  "join_existing_call_modal": {
-  "Sending…": "Saatmine…",
+    "join_button": "Jah, liitu kõnega",
-  "Sending debug logs…": "Veaotsingulogide saatmine…",
+    "text": "See kõne on juba olemas, kas soovid liituda?",
-  "Send debug logs": "Saada veaotsingulogid",
+    "title": "Liitu juba käimasoleva kõnega?"
-  "Select an option": "Vali oma eelistus",
+  },
-  "Return to home screen": "Tagasi avalehele",
+  "layout_grid_label": "Ruudustik",
-  "Remove": "Eemalda",
+  "layout_spotlight_label": "Rambivalgus",
-  "Registering…": "Registreerimine…",
+  "lobby": {
-  "Register": "Registreeru",
+    "join_button": "Kõnega liitumine",
-  "Recaptcha not loaded": "Robotilõks pole laetud",
+    "leave_button": "Tagasi hiljutiste kõnede juurde"
-  "Recaptcha dismissed": "Robotilõks on vahele jäetud",
+  },
-  "Profile": "Profiil",
+  "local_volume_label": "Kohalik helitugevus",
-  "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>",
+  "logging_in": "Sisselogimine …",
-  "Waiting for other participants…": "Ootame teiste osalejate lisandumist…",
+  "login_auth_links": "<0>Loo konto</0> Või <2>Sisene külalisena</2>",
-  "Video call name": "Videokõne nimi",
+  "login_title": "Sisselogimine",
-  "Video call": "Videokõne",
+  "microphone_off": "Mikrofon ei tööta",
-  "Video": "Video",
+  "microphone_on": "Mikrofon töötab",
-  "Version: {{version}}": "Versioon: {{version}}",
+  "mute_microphone_button_label": "Summuta mikrofon",
-  "Username": "Kasutajanimi",
+  "rageshake_button_error_caption": "Proovi uuesti logisid saata",
-  "This call already exists, would you like to join?": "See kõne on juba olemas, kas soovid liituda?",
+  "rageshake_request_modal": {
-  "Thanks! We'll get right on it.": "Tänud! Tegeleme sellega esimesel võimalusel.",
+    "body": "Ühel teisel selles kõnes osalejal on lahenduse kasutamisel tekkinud probleem ning selle põhjuse leidmiseks me sooviksime koguda silumislogisid.",
-  "Unmute microphone": "Aktiveeri mikrofon",
+    "title": "Veaotsingulogi päring"
-  "User menu": "Kasutajamenüü",
+  },
-  "Yes, join call": "Jah, liitu kõnega",
+  "rageshake_send_logs": "Saada veaotsingulogid",
-  "Walkie-talkie call": "Walkie-talkie stiilis kõne",
+  "rageshake_sending": "Saatmine…",
-  "Walkie-talkie call name": "Walkie-talkie stiilis kõne nimi",
+  "rageshake_sending_logs": "Veaotsingulogide saatmine…",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC pole kas selles brauseris toetatud või on keelatud.",
+  "rageshake_sent": "Tänud!",
-  "Element Call Home": "Element Call Home",
+  "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>",
-  "Copy": "Kopeeri",
+  "recaptcha_dismissed": "Robotilõks on vahele jäetud",
-  "<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>",
+  "recaptcha_not_loaded": "Robotilõks pole laetud",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ohoo, midagi on nüüd katki.</0>",
+  "register": {
-  "Expose developer settings in the settings window.": "Näita seadistuste aknas arendajale vajalikke seadeid.",
+    "passwords_must_match": "Salasõnad ei klapi",
-  "Developer Settings": "Arendaja seadistused",
+    "registering": "Registreerimine…"
-  "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.",
+  "register_auth_links": "<0>On sul juba konto?</0><1><0>Logi sisse</0> Või <2>Logi sisse külalisena</2></1>",
-  "Your feedback": "Sinu tagasiside",
+  "register_confirm_password_label": "Kinnita salasõna",
-  "Thanks, we received your feedback!": "Tänud, me oleme sinu tagasiside kätte saanud!",
+  "return_home_button": "Tagasi avalehele",
-  "Submitting…": "Saadan…",
+  "room_auth_view_eula_caption": "Klõpsides „Liitu kõnega kohe“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
-  "Submit": "Saada",
+  "room_auth_view_join_button": "Liitu kõnega kohe",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Kui selle rakenduse kasutamisel tekib sul probleeme või lihtsalt soovid oma arvamust avaldada, siis palun täida alljärgnev lühike kirjeldus.",
+  "screenshare_button_label": "Jaga ekraani",
-  "Feedback": "Tagasiside",
+  "select_input_unset_button": "Vali oma eelistus",
-  "{{count}} stars|one": "{{count}} tärn",
+  "settings": {
-  "{{count}} stars|other": "{{count}} tärni",
+    "developer_settings_label": "Arendaja seadistused",
-  "How did it go?": "Kuidas sujus?",
+    "developer_settings_label_description": "Näita seadistuste aknas arendajale vajalikke seadeid.",
-  "{{displayName}}, your call has ended.": "{{displayName}}, sinu kõne on lõppenud.",
+    "developer_tab_title": "Arendaja",
-  "<0>Thanks for your feedback!</0>": "<0>Täname Sind tagasiside eest!</0>",
+    "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.",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Meie rakenduse paremaks muutmiseks me hea meelega ootame Sinu arvamusi.</0>",
+    "feedback_tab_description_label": "Sinu tagasiside",
-  "Show connection stats": "Näita ühenduse statistikat",
+    "feedback_tab_h4": "Jaga tagasisidet",
-  "{{displayName}} is presenting": "{{displayName}} on esitlemas",
+    "feedback_tab_send_logs_label": "Lisa veatuvastuslogid",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Klõpsides „Jätka“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
+    "feedback_tab_thank_you": "Tänud, me oleme sinu tagasiside kätte saanud!",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Klõpsides „Liitu kõnega kohe“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
+    "feedback_tab_title": "Tagasiside",
-  "Element Call is temporarily not encrypted while we test scalability.": "Seni kuni me testime skaleeritavust, siis Element Call ajutiselt pole krüptitud.",
+    "more_tab_title": "Rohkem",
-  "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>": "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>"
+    "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.",
+    "show_connection_stats_label": "Näita ühenduse statistikat",
+    "speaker_device_selection_label": "Kõlar"
+  },
+  "star_rating_input_label_one": "{{count}} tärni",
+  "star_rating_input_label_other": "{{count}} tärni",
+  "start_new_call": "Algata uus kõne",
+  "start_video_button_label": "Lülita videovoog sisse",
+  "stop_screenshare_button_label": "Ekraanivaade on jagamisel",
+  "stop_video_button_label": "Peata videovoog",
+  "submitting": "Saadan…",
+  "unauthenticated_view_body": "Sa pole veel registreerunud? <2>Loo kasutajakonto</2>",
+  "unauthenticated_view_eula_caption": "Klõpsides „Jätka“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
+  "unauthenticated_view_login_button": "Logi oma kontosse sisse",
+  "unmute_microphone_button_label": "Lülita mikrofon sisse",
+  "version": "Versioon: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} on esitlemas",
+    "sfu_participant_local": "Sina"
+  },
+  "waiting_for_participants": "Ootame teiste osalejate lisandumist…"
 }

public/locales/fa/app.json

@@ -1,96 +1,81 @@
 {
-  "Your recent calls": "تماس‌های اخیر شما",
+  "a11y": {
-  "Video call": "تماس تصویری",
+    "user_menu": "فهرست کاربر"
-  "Video": "ویدیو",
+  },
-  "Username": "نام کاربری",
+  "action": {
-  "Turn on camera": "روشن کردن دوربین",
+    "close": "بستن",
-  "Turn off camera": "خاموش کردن دوربین",
+    "copy": "رونوشت",
-  "Take me Home": "مرا به خانه ببر",
+    "go": "رفتن",
-  "Speaker": "بلندگو",
+    "no": "خیر",
-  "Sign out": "خروج",
+    "register": "ثبت‌نام",
-  "Sign in": "ورود",
+    "remove": "حذف",
-  "Settings": "تنظیمات",
+    "sign_in": "ورود",
-  "Profile": "پروفایل",
+    "sign_out": "خروج"
-  "Password": "رمز عبور",
+  },
-  "No": "خیر",
+  "call_ended_view": {
-  "Mute microphone": "بی‌صدا کردن میکروفون",
+    "create_account_button": "ساخت حساب کاربری",
-  "More": "بیشتر",
+    "create_account_prompt": "<0>چرا یک رمز عبور برای حساب کاربری خود تنظیم نمی‌کنید؟</0><1>شما می‌توانید نام خود را حفظ کنید و یک آواتار برای تماس‌های آینده بسازید</1>",
-  "Microphone": "میکروفون",
+    "not_now_button": "الان نه، به صفحه اصلی برگردید"
-  "Login to your account": "به حساب کاربری خود وارد شوید",
+  },
-  "Login": "ورود",
+  "common": {
-  "Loading…": "بارگزاری…",
+    "audio": "صدا",
-  "Leave": "خروج",
+    "avatar": "آواتار",
-  "Join existing call?": "پیوست به تماس؟",
+    "camera": "دوربین",
-  "Join call now": "الان به تماس بپیوند",
+    "copied": "کپی شد!",
-  "Join call": "پیوستن به تماس",
+    "display_name": "نام نمایشی",
-  "Invite people": "دعوت از افراد",
+    "home": "خانه",
-  "Invite": "دعوت",
+    "loading": "بارگزاری…",
-  "Home": "خانه",
+    "microphone": "میکروفون",
-  "Go": "رفتن",
+    "password": "رمز عبور",
-  "Full screen": "تمام صحفه",
+    "profile": "پروفایل",
-  "Freedom": "آزادی",
+    "settings": "تنظیمات",
-  "Exit full screen": "خروج از حالت تمام صفحه",
+    "username": "نام کاربری",
-  "Download debug logs": "دانلود لاگ عیب‌یابی",
+    "video": "ویدیو"
-  "Display name": "نام نمایشی",
+  },
-  "Developer": "توسعه دهنده",
+  "exit_fullscreen_button_label": "خروج از حالت تمام صفحه",
-  "Details": "جزئیات",
+  "fullscreen_button_label": "تمام صحفه",
-  "Debug log request": "درخواست لاگ عیب‌یابی",
+  "header_label": "خانهٔ تماس المنت",
-  "Debug log": "لاگ عیب‌یابی",
+  "join_existing_call_modal": {
-  "Create account": "ساخت حساب کاربری",
+    "join_button": "بله، به تماس بپیوندید",
-  "Copy and share this call link": "لینک تماس را کپی کنید و به اشتراک بگذارید",
+    "text": "این تماس از قبل وجود دارد، می‌خواهید بپیوندید؟",
-  "Copied!": "کپی شد!",
+    "title": "پیوست به تماس؟"
-  "Confirm password": "تایید رمزعبور",
+  },
-  "Close": "بستن",
+  "layout_spotlight_label": "نور افکن",
-  "Change layout": "تغییر طرح",
+  "lobby": {
-  "Camera": "دوربین",
+    "join_button": "پیوستن به تماس"
-  "Call type menu": "منوی نوع تماس",
+  },
-  "Call link copied": "لینک تماس کپی شد",
+  "local_volume_label": "حجم داخلی",
-  "Avatar": "آواتار",
+  "logging_in": "ورود…",
-  "Audio": "صدا",
+  "login_auth_links": "<0>ساخت حساب کاربری</0> Or <2>دسترسی به عنوان میهمان</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.": "کاربر دیگری در این تماس مشکلی دارد. برای تشخیص بهتر مشکل، بهتر است ما لاگ عیب‌یابی را جمع‌آوری کنیم.",
+  "login_title": "ورود",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "rageshake_request_modal": {
-  "<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>",
+    "body": "کاربر دیگری در این تماس مشکلی دارد. برای تشخیص بهتر مشکل، بهتر است ما لاگ عیب‌یابی را جمع‌آوری کنیم.",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>ساخت حساب کاربری</0> Or <2>دسترسی به عنوان میهمان</2>",
+    "title": "درخواست لاگ عیب‌یابی"
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>از قبل حساب کاربری دارید؟</0><1><0>ورود</0> Or <2>به عنوان یک میهمان وارد شوید</2></1>",
+  },
-  "Local volume": "حجم داخلی",
+  "rageshake_send_logs": "ارسال لاگ‌های عیب‌یابی",
-  "Inspector": "بازرس",
+  "rageshake_sending": "در حال ارسال…",
-  "Incompatible versions!": "نسخه‌های ناسازگار!",
+  "rageshake_sending_logs": "در حال ارسال باگ‌های عیب‌یابی…",
-  "Incompatible versions": "نسخه‌های ناسازگار",
+  "recaptcha_dismissed": "ریکپچا رد شد",
-  "Spotlight": "نور افکن",
+  "recaptcha_not_loaded": "کپچا بارگیری نشد",
-  "Show call inspector": "نمایش بازرس تماس",
+  "register": {
-  "Share screen": "اشتراک گذاری صفحه نمایش",
+    "passwords_must_match": "رمز عبور باید همخوانی داشته باشد",
-  "Sending…": "در حال ارسال…",
+    "registering": "ثبت‌نام…"
-  "Sending debug logs…": "در حال ارسال باگ‌های عیب‌یابی…",
+  },
-  "Send debug logs": "ارسال لاگ‌های عیب‌یابی",
+  "register_auth_links": "<0>از قبل حساب کاربری دارید؟</0><1><0>ورود</0> Or <2>به عنوان یک میهمان وارد شوید</2></1>",
-  "Select an option": "یک گزینه را انتخاب کنید",
+  "register_confirm_password_label": "تایید رمزعبور",
-  "Return to home screen": "برگشت به صفحه اصلی",
+  "return_home_button": "برگشت به صفحه اصلی",
-  "Remove": "حذف",
+  "room_auth_view_join_button": "الان به تماس بپیوند",
-  "Registering…": "ثبت‌نام…",
+  "screenshare_button_label": "اشتراک گذاری صفحه نمایش",
-  "Register": "ثبت‌نام",
+  "select_input_unset_button": "یک گزینه را انتخاب کنید",
-  "Recaptcha not loaded": "کپچا بارگیری نشد",
+  "settings": {
-  "Recaptcha dismissed": "ریکپچا رد شد",
+    "developer_tab_title": "توسعه دهنده",
-  "Passwords must match": "رمز عبور باید همخوانی داشته باشد",
+    "feedback_tab_h4": "بازخورد ارائه دهید",
-  "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_tab_send_logs_label": "شامل لاگ‌های عیب‌یابی",
-  "Not registered yet? <2>Create an account</2>": "هنوز ثبت‌نام نکرده‌اید؟ <2>ساخت حساب کاربری</2>",
+    "more_tab_title": "بیشتر",
-  "Not now, return to home screen": "الان نه، به صفحه اصلی برگردید",
+    "speaker_device_selection_label": "بلندگو"
-  "Logging in…": "ورود…",
+  },
-  "Include debug logs": "شامل لاگ‌های عیب‌یابی",
+  "unauthenticated_view_body": "هنوز ثبت‌نام نکرده‌اید؟ <2>ساخت حساب کاربری</2>",
-  "Grid layout menu": "منوی طرح‌بندی شبکه‌ای",
+  "unauthenticated_view_login_button": "به حساب کاربری خود وارد شوید",
-  "Fetching group call timed out.": "زمان اتصال به مکالمه گروهی تمام شد.",
+  "version": "نسخه: {{نسخه}}",
-  "Yes, join call": "بله، به تماس بپیوندید",
+  "waiting_for_participants": "در انتظار برای دیگر شرکت‌کنندگان…"
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC (ارتباطات رسانه‌ای بلادرنگ مانند انتقال صدا، ویدئو و داده‌) در این مرورگر پشتیبانی نمی‌شود یا در حال مسدود شدن است.",
-  "Walkie-talkie call name": "نامِ تماسِ واکی-تاکی",
-  "Walkie-talkie call": "تماسِ واکی-تاکی",
-  "Waiting for other participants…": "در انتظار برای دیگر شرکت‌کنندگان…",
-  "Video call name": "نامِ تماسِ تصویری",
-  "Version: {{version}}": "نسخه: {{نسخه}}",
-  "User menu": "فهرست کاربر",
-  "Unmute microphone": "ناخموشی میکروفون",
-  "This call already exists, would you like to join?": "این تماس از قبل وجود دارد، می‌خواهید بپیوندید؟",
-  "Thanks! We'll get right on it.": "با تشکر! ما به درستی آن را انجام خواهیم داد.",
-  "Submit feedback": "بازخورد ارائه دهید",
-  "Stop sharing screen": "توقف اشتراک‌گذاری صفحه نمایش",
-  "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>"
 }

public/locales/fr/app.json

@@ -1,119 +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"
-  "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.",
+  },
-  "Audio": "Audio",
+  "action": {
-  "Avatar": "Avatar",
+    "close": "Fermer",
-  "Call link copied": "Lien de l’appel copié",
+    "copy": "Copier",
-  "Call type menu": "Menu de type d’appel",
+    "copy_link": "Copier le lien",
-  "Camera": "Caméra",
+    "go": "Commencer",
-  "Change layout": "Changer la disposition",
+    "invite": "Inviter",
-  "Close": "Fermer",
+    "no": "Non",
-  "Confirm password": "Confirmer le mot de passe",
+    "register": "S’enregistrer",
-  "Copied!": "Copié !",
+    "remove": "Supprimer",
-  "Copy and share this call link": "Copier et partager le lien de cet appel",
+    "sign_in": "Connexion",
-  "Create account": "Créer un compte",
+    "sign_out": "Déconnexion",
-  "Debug log": "Journal de débogage",
+    "submit": "Envoyer"
-  "Debug log request": "Demande d’un journal de débogage",
+  },
-  "Details": "Informations",
+  "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>.",
-  "Developer": "Développeur",
+  "app_selection_modal": {
-  "Display name": "Nom d’affichage",
+    "continue_in_browser": "Continuer dans le navigateur",
-  "Download debug logs": "Télécharger les journaux de débogage",
+    "open_in_app": "Ouvrir dans l’application",
-  "Exit full screen": "Quitter le plein écran",
+    "text": "Prêt à rejoindre ?",
-  "Freedom": "Libre",
+    "title": "Choisissez l’application"
-  "Full screen": "Plein écran",
+  },
-  "Go": "Commencer",
+  "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",
-  "Grid layout menu": "Menu en grille",
+  "call_ended_view": {
-  "Home": "Accueil",
+    "body": "Vous avez été déconnecté de l’appel",
-  "Include debug logs": "Inclure les journaux de débogage",
+    "create_account_button": "Créer un compte",
-  "Incompatible versions": "Versions incompatibles",
+    "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>",
-  "Incompatible versions!": "Versions incompatibles !",
+    "feedback_done": "<0>Merci pour votre commentaire !</0>",
-  "Inspector": "Inspecteur",
+    "feedback_prompt": "<0>Nous aimerions avoir vos commentaires afin que nous puissions améliorer votre expérience.</0>",
-  "Invite people": "Inviter des gens",
+    "headline": "{{displayName}}, votre appel est terminé.",
-  "Join call": "Rejoindre l’appel",
+    "not_now_button": "Pas maintenant, retourner à l’accueil",
-  "Join call now": "Rejoindre l’appel maintenant",
+    "reconnect_button": "Se reconnecter",
-  "Join existing call?": "Rejoindre un appel existant ?",
+    "survey_prompt": "Comment cela s’est-il passé ?"
-  "Leave": "Partir",
+  },
-  "Loading…": "Chargement…",
+  "call_name": "Nom de l’appel",
-  "Local volume": "Volume local",
+  "common": {
-  "Logging in…": "Connexion…",
+    "camera": "Caméra",
-  "Login": "Connexion",
+    "copied": "Copié !",
-  "Login to your account": "Connectez vous à votre compte",
+    "display_name": "Nom d’affichage",
-  "Microphone": "Microphone",
+    "encrypted": "Chiffré",
-  "More": "Plus",
+    "home": "Accueil",
-  "Mute microphone": "Couper le micro",
+    "loading": "Chargement…",
-  "No": "Non",
+    "password": "Mot de passe",
-  "Not now, return to home screen": "Pas maintenant, retourner à l’accueil",
+    "profile": "Profil",
-  "Not registered yet? <2>Create an account</2>": "Pas encore de compte ? <2>En créer un</2>",
+    "settings": "Paramètres",
-  "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>",
+    "unencrypted": "Non chiffré",
-  "Password": "Mot de passe",
+    "username": "Nom d’utilisateur",
-  "Passwords must match": "Les mots de passe doivent correspondre",
+    "video": "Vidéo"
-  "Profile": "Profil",
+  },
-  "Recaptcha dismissed": "Recaptcha refusé",
+  "disconnected_banner": "La connexion avec le serveur a été perdue.",
-  "Recaptcha not loaded": "Recaptcha non chargé",
+  "exit_fullscreen_button_label": "Quitter le plein écran",
-  "Register": "S’enregistrer",
+  "full_screen_view_description": "<0>Soumettre les journaux de débogage nous aidera à déterminer le problème.</0>",
-  "Registering…": "Enregistrement…",
+  "full_screen_view_h1": "<0>Oups, quelque chose s’est mal passé.</0>",
-  "Remove": "Supprimer",
+  "fullscreen_button_label": "Plein écran",
-  "Return to home screen": "Retour à l’accueil",
+  "group_call_loader_failed_heading": "Appel non trouvé",
-  "Select an option": "Sélectionnez une option",
+  "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.",
-  "Send debug logs": "Envoyer les journaux de débogage",
+  "hangup_button_label": "Terminer l’appel",
-  "Sending…": "Envoi…",
+  "header_label": "Accueil Element Call",
-  "Settings": "Paramètres",
+  "invite_modal": {
-  "Share screen": "Partage d’écran",
+    "link_copied_toast": "Lien copié dans le presse-papier",
-  "Show call inspector": "Afficher l’inspecteur d’appel",
+    "title": "Inviter dans cet appel"
-  "Sign in": "Connexion",
+  },
-  "Sign out": "Déconnexion",
+  "join_existing_call_modal": {
-  "Spotlight": "Premier plan",
+    "join_button": "Oui, rejoindre l’appel",
-  "Stop sharing screen": "Arrêter le partage d’écran",
+    "text": "Cet appel existe déjà, voulez-vous le rejoindre ?",
-  "Submit feedback": "Envoyer des retours",
+    "title": "Rejoindre un appel existant ?"
-  "Take me Home": "Retouner à l’accueil",
+  },
-  "Thanks! We'll get right on it.": "Merci ! Nous allons nous y attaquer.",
+  "layout_grid_label": "Grille",
-  "This call already exists, would you like to join?": "Cet appel existe déjà, voulez-vous le rejoindre ?",
+  "layout_spotlight_label": "Premier plan",
-  "Fetching group call timed out.": "Échec de connexion à l’appel de groupe dans le temps imparti.",
+  "lobby": {
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+    "join_button": "Rejoindre l’appel",
-  "Your recent calls": "Appels récents",
+    "leave_button": "Revenir à l’historique des appels"
-  "Yes, join call": "Oui, rejoindre l’appel",
+  },
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC n’est pas pris en charge ou est bloqué par ce navigateur.",
+  "local_volume_label": "Volume local",
-  "Walkie-talkie call name": "Nom de l’appel talkie-walkie",
+  "logging_in": "Connexion…",
-  "Walkie-talkie call": "Appel talkie-walkie",
+  "login_auth_links": "<0>Créer un compte</0> Or <2>Accès invité</2>",
-  "Waiting for other participants…": "En attente d’autres participants…",
+  "login_title": "Connexion",
-  "Video call name": "Nom de l’appel vidéo",
+  "microphone_off": "Microphone éteint",
-  "Video call": "Appel vidéo",
+  "microphone_on": "Microphone allumé",
-  "Video": "Vidéo",
+  "mute_microphone_button_label": "Couper le microphone",
-  "Version: {{version}}": "Version : {{version}}",
+  "rageshake_button_error_caption": "Réessayer d’envoyer les journaux",
-  "Username": "Nom d’utilisateur",
+  "rageshake_request_modal": {
-  "User menu": "Menu utilisateur",
+    "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.",
-  "Unmute microphone": "Allumer le micro",
+    "title": "Demande d’un journal de débogage"
-  "Turn on camera": "Allumer la caméra",
+  },
-  "Turn off camera": "Couper la caméra",
+  "rageshake_send_logs": "Envoyer les journaux de débogage",
-  "Speaker": "Intervenant",
+  "rageshake_sending": "Envoi…",
-  "Invite": "Inviter",
+  "rageshake_sending_logs": "Envoi des journaux de débogage…",
-  "<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>",
+  "rageshake_sent": "Merci !",
-  "Sending debug logs…": "Envoi des journaux de débogage…",
+  "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>",
-  "<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>",
+  "recaptcha_dismissed": "Recaptcha refusé",
-  "Element Call Home": "Accueil Element Call",
+  "recaptcha_not_loaded": "Recaptcha non chargé",
-  "Copy": "Copier",
+  "register": {
-  "<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>",
+    "passwords_must_match": "Les mots de passe doivent correspondre",
-  "<0>Oops, something's gone wrong.</0>": "<0>Oups, quelque chose s’est mal passé.</0>",
+    "registering": "Enregistrement…"
-  "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",
+  "register_auth_links": "<0>Vous avez déjà un compte ?</0><1><0>Se connecter</0> Ou <2>Accès invité</2></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>.": "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>.",
+  "register_confirm_password_label": "Confirmer le mot de passe",
-  "<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.",
+  "return_home_button": "Retour à l’accueil",
-  "Your feedback": "Votre commentaire",
+  "room_auth_view_eula_caption": "En cliquant sur « Rejoindre l’appel maintenant », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
-  "Thanks, we received your feedback!": "Merci, nous avons reçu vos commentaires !",
+  "room_auth_view_join_button": "Rejoindre l’appel maintenant",
-  "Submitting…": "Envoi…",
+  "screenshare_button_label": "Partage d’écran",
-  "Submit": "Envoyer",
+  "select_input_unset_button": "Sélectionnez une option",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Si vous rencontrez des problèmes, ou vous voulez simplement faire un commentaire, veuillez nous envoyer une courte description ci-dessous.",
+  "settings": {
-  "Feedback": "Commentaires",
+    "developer_settings_label": "Paramètres développeurs",
-  "{{count}} stars|other": "{{count}} favoris",
+    "developer_settings_label_description": "Affiche les paramètres développeurs dans la fenêtre des paramètres.",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Nous aimerions avoir vos commentaires afin que nous puissions améliorer votre expérience.</0>",
+    "developer_tab_title": "Développeur",
-  "{{count}} stars|one": "{{count}} favori",
+    "feedback_tab_body": "Si vous rencontrez des problèmes, ou vous voulez simplement faire un commentaire, faites-en une courte description ci-dessous.",
-  "{{displayName}}, your call has ended.": "{{displayName}}, votre appel est terminé.",
+    "feedback_tab_description_label": "Votre commentaire",
-  "<0>Thanks for your feedback!</0>": "<0>Merci pour votre commentaire !</0>",
+    "feedback_tab_h4": "Envoyer un commentaire",
-  "How did it go?": "Comment cela s’est-il passé ?",
+    "feedback_tab_send_logs_label": "Inclure les journaux de débogage",
-  "{{displayName}} is presenting": "{{displayName}} est à l’écran",
+    "feedback_tab_thank_you": "Merci, nous avons reçu vos commentaires !",
-  "Show connection stats": "Afficher les statistiques de la connexion",
+    "feedback_tab_title": "Commentaires",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "En cliquant sur « Rejoindre l’appel maintenant », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
+    "more_tab_title": "Plus",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "En cliquant sur « Commencer », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
+    "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.",
-  "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>": "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>"
+    "show_connection_stats_label": "Afficher les statistiques de la connexion",
+    "speaker_device_selection_label": "Intervenant"
+  },
+  "star_rating_input_label_one": "{{count}} favori",
+  "star_rating_input_label_other": "{{count}} favoris",
+  "start_new_call": "Démarrer un nouvel appel",
+  "start_video_button_label": "Démarrer la vidéo",
+  "stop_screenshare_button_label": "L’écran est partagé",
+  "stop_video_button_label": "Arrêter la vidéo",
+  "submitting": "Envoi…",
+  "unauthenticated_view_body": "Pas encore de compte ? <2>En créer un</2>",
+  "unauthenticated_view_eula_caption": "En cliquant sur « Commencer », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
+  "unauthenticated_view_login_button": "Connectez vous à votre compte",
+  "unmute_microphone_button_label": "Allumer le microphone",
+  "version": "Version : {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} est à l’écran",
+    "sfu_participant_local": "Vous"
+  },
+  "waiting_for_participants": "En attente d’autres participants…"
 }

public/locales/id/app.json

@@ -1,120 +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>",
+  },
-  "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.",
+  "action": {
-  "Audio": "Audio",
+    "close": "Tutup",
-  "Avatar": "Avatar",
+    "copy": "Salin",
-  "Call link copied": "Tautan panggilan disalin",
+    "copy_link": "Salin tautan",
-  "Call type menu": "Menu jenis panggilan",
+    "go": "Bergabung",
-  "Camera": "Kamera",
+    "invite": "Undang",
-  "Change layout": "Ubah tata letak",
+    "no": "Tidak",
-  "Close": "Tutup",
+    "register": "Daftar",
-  "Confirm password": "Konfirmasi kata sandi",
+    "remove": "Hapus",
-  "Copied!": "Disalin!",
+    "sign_in": "Masuk",
-  "Copy and share this call link": "Salin dan bagikan tautan panggilan ini",
+    "sign_out": "Keluar",
-  "Create account": "Buat akun",
+    "submit": "Kirim"
-  "Debug log": "Catatan pengawakutuan",
+  },
-  "Debug log request": "Permintaan catatan pengawakutuan",
+  "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.",
-  "Details": "Detail",
+  "app_selection_modal": {
-  "Developer": "Pengembang",
+    "continue_in_browser": "Lanjutkan dalam peramban",
-  "Display name": "Nama tampilan",
+    "open_in_app": "Buka dalam aplikasi",
-  "Download debug logs": "Unduh catatan pengawakutuan",
+    "text": "Siap untuk bergabung?",
-  "Exit full screen": "Keluar dari layar penuh",
+    "title": "Pilih plikasi"
-  "Fetching group call timed out.": "Waktu pendapatan panggilan grup habis.",
+  },
-  "Freedom": "Bebas",
+  "browser_media_e2ee_unsupported": "Peramban web Anda tidak mendukung enkripsi media ujung ke ujung. Peramban yang didukung adalah Chrome, Safari, dan Firefox >=117",
-  "Full screen": "Layar penuh",
+  "call_ended_view": {
-  "Go": "Bergabung",
+    "body": "Anda terputus dari panggilan",
-  "Grid layout menu": "Menu tata letak kisi",
+    "create_account_button": "Buat akun",
-  "Home": "Beranda",
+    "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>",
-  "Include debug logs": "Termasuk catatan pengawakutuan",
+    "feedback_done": "<0>Terima kasih atas masukan Anda!</0>",
-  "Incompatible versions": "Versi tidak kompatibel",
+    "feedback_prompt": "<0>Kami ingin mendengar masukan Anda supaya kami bisa meningkatkan pengalaman Anda.</0>",
-  "Incompatible versions!": "Versi tidak kompatibel!",
+    "headline": "{{displayName}}, panggilan Anda telah berakhir.",
-  "Inspector": "Inspektur",
+    "not_now_button": "Tidak sekarang, kembali ke layar beranda",
-  "Invite": "Undang",
+    "reconnect_button": "Hubungkan ulang",
-  "Invite people": "Undang orang",
+    "survey_prompt": "Bagaimana rasanya?"
-  "Join call": "Bergabung ke panggilan",
+  },
-  "Join call now": "Bergabung ke panggilan sekarang",
+  "call_name": "Nama panggilan",
-  "Join existing call?": "Bergabung ke panggilan yang sudah ada?",
+  "common": {
-  "Leave": "Keluar",
+    "camera": "Kamera",
-  "Loading…": "Memuat…",
+    "copied": "Disalin!",
-  "Local volume": "Volume lokal",
+    "display_name": "Nama tampilan",
-  "Logging in…": "Memasuki…",
+    "encrypted": "Terenkripsi",
-  "Login": "Masuk",
+    "home": "Beranda",
-  "Login to your account": "Masuk ke akun Anda",
+    "loading": "Memuat…",
-  "Microphone": "Mikrofon",
+    "microphone": "Mikrofon",
-  "More": "Lainnya",
+    "password": "Kata sandi",
-  "Mute microphone": "Bisukan mikrofon",
+    "profile": "Profil",
-  "No": "Tidak",
+    "settings": "Pengaturan",
-  "Not now, return to home screen": "Tidak sekarang, kembali ke layar beranda",
+    "unencrypted": "Tidak terenkripsi",
-  "Not registered yet? <2>Create an account</2>": "Belum terdaftar? <2>Buat sebuah akun</2>",
+    "username": "Nama pengguna"
-  "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>",
+  },
-  "Password": "Kata sandi",
+  "disconnected_banner": "Koneksi ke server telah hilang.",
-  "Passwords must match": "Kata sandi harus cocok",
+  "exit_fullscreen_button_label": "Keluar dari layar penuh",
-  "Profile": "Profil",
+  "full_screen_view_description": "<0>Mengirim catatan pengawakutuan akan membantu kami melacak masalahnya.</0>",
-  "Recaptcha dismissed": "Recaptcha ditutup",
+  "full_screen_view_h1": "<0>Aduh, ada yang salah.</0>",
-  "Recaptcha not loaded": "Recaptcha tidak dimuat",
+  "fullscreen_button_label": "Layar penuh",
-  "Register": "Daftar",
+  "group_call_loader_failed_heading": "Panggilan tidak ditemukan",
-  "Registering…": "Mendaftarkan…",
+  "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.",
-  "Remove": "Hapus",
+  "hangup_button_label": "Akhiri panggilan",
-  "Return to home screen": "Kembali ke layar beranda",
+  "header_label": "Beranda Element Call",
-  "Select an option": "Pilih sebuah opsi",
+  "header_participants_label": "Peserta",
-  "Send debug logs": "Kirim catatan pengawakutuan",
+  "invite_modal": {
-  "Sending…": "Mengirimkan…",
+    "link_copied_toast": "Tautan disalin ke papan klip",
-  "Settings": "Pengaturan",
+    "title": "Undang ke panggilan ini"
-  "Share screen": "Bagikan layar",
+  },
-  "Show call inspector": "Tampilkan inspektur panggilan",
+  "join_existing_call_modal": {
-  "Sign in": "Masuk",
+    "join_button": "Ya, bergabung ke panggilan",
-  "Sign out": "Keluar",
+    "text": "Panggilan ini sudah ada, apakah Anda ingin bergabung?",
-  "Speaker": "Pembicara",
+    "title": "Bergabung ke panggilan yang sudah ada?"
-  "Spotlight": "Sorotan",
+  },
-  "Stop sharing screen": "Berhenti membagikan layar",
+  "layout_grid_label": "Kisi",
-  "Submit feedback": "Kirim masukan",
+  "layout_spotlight_label": "Sorotan",
-  "Take me Home": "Bawa saya ke Beranda",
+  "lobby": {
-  "Thanks! We'll get right on it.": "Terima kasih! Kami akan melihatnya.",
+    "join_button": "Bergabung ke panggilan",
-  "This call already exists, would you like to join?": "Panggilan ini sudah ada, apakah Anda ingin bergabung?",
+    "leave_button": "Kembali ke terkini"
-  "Turn off camera": "Matikan kamera",
+  },
-  "Turn on camera": "Nyalakan kamera",
+  "local_volume_label": "Volume lokal",
-  "Unmute microphone": "Suarakan mikrofon",
+  "logging_in": "Memasuki…",
-  "User menu": "Menu pengguna",
+  "login_auth_links": "<0>Buat akun</0> Atau <2>Akses sebagai tamu</2>",
-  "Username": "Nama pengguna",
+  "login_title": "Masuk",
-  "Version: {{version}}": "Versi: {{version}}",
+  "microphone_off": "Mikrofon dimatikan",
-  "Video": "Video",
+  "microphone_on": "Mikrofon dinyalakan",
-  "Video call": "Panggilan video",
+  "mute_microphone_button_label": "Matikan mikrofon",
-  "Video call name": "Nama panggilan video",
+  "rageshake_button_error_caption": "Kirim ulang catatan",
-  "Waiting for other participants…": "Menunggu peserta lain…",
+  "rageshake_request_modal": {
-  "Walkie-talkie call": "Panggilan protofon",
+    "body": "Pengguna yang lain di panggilan ini sedang mengalami masalah. Supaya dapat mendiagnosa masalah ini, kami ingin mengumpulkan sebuah catatan pengawakutuan.",
-  "Walkie-talkie call name": "Nama panggilan protofon",
+    "title": "Permintaan catatan pengawakutuan"
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC tidak didukung atau diblokir di peramban ini.",
+  },
-  "Yes, join call": "Ya, bergabung ke panggilan",
+  "rageshake_send_logs": "Kirim catatan pengawakutuan",
-  "Your recent calls": "Panggilan Anda terkini",
+  "rageshake_sending": "Mengirimkan…",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "rageshake_sending_logs": "Mengirimkan catatan pengawakutuan…",
-  "Sending debug logs…": "Mengirimkan catatan pengawakutuan…",
+  "rageshake_sent": "Terima kasih!",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Bergabung ke panggilan sekarang</0><1>Atau</1><2>Salin tautan dan bergabung nanti</2>",
+  "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",
-  "Element Call Home": "Beranda Element Call",
+  "recaptcha_dismissed": "Recaptcha ditutup",
-  "Copy": "Salin",
+  "recaptcha_not_loaded": "Recaptcha tidak dimuat",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Mengirim catatan pengawakutuan akan membantu kami melacak masalahnya.</0>",
+  "register": {
-  "<0>Oops, something's gone wrong.</0>": "<0>Aduh, ada yang salah.</0>",
+    "passwords_must_match": "Kata sandi harus cocok",
-  "Expose developer settings in the settings window.": "Ekspos pengaturan pengembang dalam jendela pengaturan.",
+    "registering": "Mendaftarkan…"
-  "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.",
+  "register_auth_links": "<0>Sudah punya akun?</0><1><0>Masuk</0> Atau <2>Akses sebagai tamu</2></1>",
-  "<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.",
+  "register_confirm_password_label": "Konfirmasi kata sandi",
-  "Feedback": "Masukan",
+  "return_home_button": "Kembali ke layar beranda",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Jika Anda mengalami masalah atau hanya ingin memberikan masukan, silakan kirimkan kami deskripsi pendek di bawah.",
+  "room_auth_view_eula_caption": "Dengan mengeklik \"Bergabung ke panggilan sekarang\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2> kami",
-  "Submit": "Kirim",
+  "room_auth_view_join_button": "Bergabung ke panggilan sekarang",
-  "Submitting…": "Mengirim…",
+  "screenshare_button_label": "Bagikan layar",
-  "Thanks, we received your feedback!": "Terima kasih, kami telah menerima masukan Anda!",
+  "select_input_unset_button": "Pilih sebuah opsi",
-  "Your feedback": "Masukan Anda",
+  "settings": {
-  "{{displayName}}, your call has ended.": "{{displayName}}, panggilan Anda telah berakhir.",
+    "developer_settings_label": "Pengaturan Pengembang",
-  "<0>Thanks for your feedback!</0>": "<0>Terima kasih atas masukan Anda!</0>",
+    "developer_settings_label_description": "Ekspos pengaturan pengembang dalam jendela pengaturan.",
-  "How did it go?": "Bagaimana rasanya?",
+    "developer_tab_title": "Pengembang",
-  "{{count}} stars|one": "{{count}} bintang",
+    "feedback_tab_body": "Jika Anda mengalami masalah atau hanya ingin memberikan masukan, silakan kirimkan kami deskripsi pendek di bawah.",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Kami ingin mendengar masukan Anda supaya kami bisa meningkatkan pengalaman Anda.</0>",
+    "feedback_tab_description_label": "Masukan Anda",
-  "Show connection stats": "Tampilkan statistik koneksi",
+    "feedback_tab_h4": "Kirim masukan",
-  "{{displayName}} is presenting": "{{displayName}} sedang menampilkan",
+    "feedback_tab_send_logs_label": "Termasuk catatan pengawakutuan",
-  "{{count}} stars|other": "{{count}} bintang",
+    "feedback_tab_thank_you": "Terima kasih, kami telah menerima masukan Anda!",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Dengan mengeklik \"Bergabung\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2>",
+    "feedback_tab_title": "Masukan",
-  "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>": "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",
+    "more_tab_title": "Lainnya",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Dengan mengeklik \"Bergabung ke panggilan sekarang\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2> kami",
+    "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.",
-  "Element Call is temporarily not encrypted while we test scalability.": "Element Call sementara tidak dienkripsi selagi kami menguji skalabilitas."
+    "show_connection_stats_label": "Tampilkan statistik koneksi",
+    "speaker_device_selection_label": "Pembicara"
+  },
+  "star_rating_input_label_one": "{{count}} bintang",
+  "star_rating_input_label_other": "{{count}} bintang",
+  "start_new_call": "Mulai panggilan baru",
+  "start_video_button_label": "Nyalakan video",
+  "stop_screenshare_button_label": "Berbagi layar",
+  "stop_video_button_label": "Matikan video",
+  "submitting": "Mengirim…",
+  "unauthenticated_view_body": "Belum terdaftar? <2>Buat sebuah akun</2>",
+  "unauthenticated_view_eula_caption": "Dengan mengeklik \"Bergabung\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2>",
+  "unauthenticated_view_login_button": "Masuk ke akun Anda",
+  "unmute_microphone_button_label": "Nyalakan mikrofon",
+  "version": "Versi: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} sedang menampilkan",
+    "sfu_participant_local": "Anda"
+  },
+  "waiting_for_participants": "Menunggu peserta lain…"
 }

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,84 +1,75 @@
 {
-  "<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>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>今すぐ通話に参加</0><1>または</1><2>通話リンクをコピーし、後で参加</2>",
+  },
-  "<0>Oops, something's gone wrong.</0>": "<0>何かがうまく行きませんでした。</0>",
+  "action": {
-  "Camera": "カメラ",
+    "close": "閉じる",
-  "Call link copied": "通話リンクをコピーしました",
+    "copy": "コピー",
-  "Avatar": "アバター",
+    "go": "続行",
-  "Audio": "音声",
+    "no": "いいえ",
-  "Confirm password": "パスワードを確認",
+    "register": "登録",
-  "Close": "閉じる",
+    "remove": "削除",
-  "Change layout": "レイアウトを変更",
+    "sign_in": "サインイン",
-  "Copied!": "コピーしました！",
+    "sign_out": "サインアウト"
-  "Copy and share this call link": "通話リンクをコピーし共有",
+  },
-  "Copy": "コピー",
+  "call_ended_view": {
-  "Debug log": "デバッグログ",
+    "create_account_button": "アカウントを作成"
-  "Create account": "アカウントを作成",
+  },
-  "Go": "続行",
+  "common": {
-  "Fetching group call timed out.": "グループ通話の取得がタイムアウトしました。",
+    "audio": "音声",
-  "Element Call Home": "Element Call ホーム",
+    "avatar": "アバター",
-  "Download debug logs": "デバッグログをダウンロード",
+    "camera": "カメラ",
-  "Display name": "表示名",
+    "copied": "コピーしました！",
-  "Developer": "開発者",
+    "display_name": "表示名",
-  "Details": "詳細",
+    "home": "ホーム",
-  "Full screen": "全画面表示",
+    "loading": "読み込んでいます…",
-  "Exit full screen": "全画面表示を終了",
+    "microphone": "マイク",
-  "Include debug logs": "デバッグログを含める",
+    "password": "パスワード",
-  "Home": "ホーム",
+    "profile": "プロフィール",
-  "Incompatible versions!": "互換性のないバージョンです！",
+    "settings": "設定",
-  "Incompatible versions": "互換性のないバージョン",
+    "username": "ユーザー名",
-  "Join existing call?": "既存の通話に参加しますか？",
+    "video": "ビデオ"
-  "Join call now": "今すぐ通話に参加",
+  },
-  "Join call": "通話に参加",
+  "exit_fullscreen_button_label": "全画面表示を終了",
-  "Invite": "招待",
+  "full_screen_view_h1": "<0>何かがうまく行きませんでした。</0>",
-  "Invite people": "連絡先を招待",
+  "fullscreen_button_label": "全画面表示",
-  "Not registered yet? <2>Create an account</2>": "アカウントがありませんか？ <2>アカウントを作成</2>",
+  "header_label": "Element Call ホーム",
-  "Mute microphone": "マイクをミュート",
+  "join_existing_call_modal": {
-  "Microphone": "マイク",
+    "join_button": "はい、通話に参加",
-  "Login": "ログイン",
+    "text": "この通話は既に存在します。参加しますか？",
-  "Logging in…": "ログインしています…",
+    "title": "既存の通話に参加しますか？"
-  "Loading…": "読み込んでいます…",
+  },
-  "Leave": "退出",
+  "layout_spotlight_label": "スポットライト",
-  "Version: {{version}}": "バージョン：{{version}}",
+  "lobby": {
-  "Username": "ユーザー名",
+    "join_button": "通話に参加"
-  "User menu": "ユーザーメニュー",
+  },
-  "Unmute microphone": "マイクのミュートを解除",
+  "logging_in": "ログインしています…",
-  "Turn on camera": "カメラをつける",
+  "login_auth_links": "<0>アカウントを作成</0>または<2>ゲストとしてアクセス</2>",
-  "Turn off camera": "カメラを切る",
+  "login_title": "ログイン",
-  "Submit feedback": "フィードバックを送信",
+  "rageshake_request_modal": {
-  "Stop sharing screen": "画面共有を停止",
+    "title": "デバッグログを要求"
-  "Spotlight": "スポットライト",
+  },
-  "Send debug logs": "デバッグログを送信",
+  "rageshake_send_logs": "デバッグログを送信",
-  "Sign out": "サインアウト",
+  "rageshake_sending": "送信しています…",
-  "Sign in": "サインイン",
+  "rageshake_sending_logs": "デバッグログを送信しています…",
-  "Share screen": "画面共有",
+  "register": {
-  "Settings": "設定",
+    "passwords_must_match": "パスワードが一致する必要があります",
-  "Sending…": "送信しています…",
+    "registering": "登録しています…"
-  "Sending debug logs…": "デバッグログを送信しています…",
+  },
-  "Return to home screen": "ホーム画面に戻る",
+  "register_auth_links": "<0>既にアカウントをお持ちですか？</0><1><0>ログイン</0>または<2>ゲストとしてアクセス</2></1>",
-  "Registering…": "登録しています…",
+  "register_confirm_password_label": "パスワードを確認",
-  "Register": "登録",
+  "return_home_button": "ホーム画面に戻る",
-  "Profile": "プロフィール",
+  "room_auth_view_join_button": "今すぐ通話に参加",
-  "Passwords must match": "パスワードが一致する必要があります",
+  "screenshare_button_label": "画面共有",
-  "Password": "パスワード",
+  "select_input_unset_button": "オプションを選択",
-  "Speaker": "スピーカー",
+  "settings": {
-  "Video call name": "ビデオ通話の名称",
+    "developer_tab_title": "開発者",
-  "Video call": "ビデオ通話",
+    "feedback_tab_h4": "フィードバックを送信",
-  "Video": "ビデオ",
+    "feedback_tab_send_logs_label": "デバッグログを含める",
-  "Waiting for other participants…": "他の参加者を待機しています…",
+    "speaker_device_selection_label": "スピーカー"
-  "Walkie-talkie call name": "トランシーバー通話の名称",
+  },
-  "Walkie-talkie call": "トランシーバー通話",
+  "unauthenticated_view_body": "アカウントがありませんか？ <2>アカウントを作成</2>",
-  "Yes, join call": "はい、通話に参加",
+  "unauthenticated_view_login_button": "アカウントにログイン",
-  "Select an option": "オプションを選択",
+  "version": "バージョン：{{version}}",
-  "Debug log request": "デバッグログを要求",
+  "waiting_for_participants": "他の参加者を待機しています…"
-  "Your recent calls": "最近の通話",
-  "WebRTC is not supported or is being blocked in this browser.": "お使いのブラウザでWebRTCがサポートされていないか、またはブロックされています。",
-  "Login to your account": "アカウントにログイン",
-  "Freedom": "自由",
-  "Remove": "削除",
-  "No": "いいえ",
-  "This call already exists, would you like to join?": "この通話は既に存在します。参加しますか？",
-  "Take me Home": "ホームに戻る",
-  "{{names}}, {{name}}": "{{names}}、{{name}}"
 }

public/locales/ko/app.json

@@ -1,5 +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>": "",
-  "{{names}}, {{name}}": "{{names}}님, {{name}}님"
-}

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,116 +1,142 @@
 {
-  "Login": "Zaloguj się",
+  "a11y": {
-  "Go": "Przejdź",
+    "user_menu": "Menu użytkownika"
-  "Your recent calls": "Twoje ostatnie połączenia",
+  },
-  "Yes, join call": "Tak, dołącz do połączenia",
+  "action": {
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC jest niewspierane lub zablokowane w tej przeglądarce.",
+    "close": "Zamknij",
-  "Walkie-talkie call name": "Nazwa połączenia walkie-talkie",
+    "copy": "Kopiuj",
-  "Walkie-talkie call": "Połączenie walkie-talkie",
+    "copy_link": "Kopiuj link",
-  "Waiting for other participants…": "Oczekiwanie na pozostałych uczestników…",
+    "go": "Przejdź",
-  "Video call name": "Nazwa połączenia wideo",
+    "invite": "Zaproś",
-  "Video call": "Połączenie wideo",
+    "no": "Nie",
-  "Video": "Wideo",
+    "register": "Zarejestruj",
-  "Version: {{version}}": "Wersja: {{version}}",
+    "remove": "Usuń",
-  "Username": "Nazwa użytkownika",
+    "sign_in": "Zaloguj się",
-  "User menu": "Menu użytkownika",
+    "sign_out": "Wyloguj się",
-  "Unmute microphone": "Wyłącz wyciszenie mikrofonu",
+    "submit": "Wyślij"
-  "Turn on camera": "Włącz kamerę",
+  },
-  "Turn off camera": "Wyłącz kamerę",
+  "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>.",
-  "This call already exists, would you like to join?": "Te połączenie już istnieje, czy chcesz do niego dołączyć?",
+  "app_selection_modal": {
-  "Thanks! We'll get right on it.": "Dziękujemy! Zaraz się tym zajmiemy.",
+    "continue_in_browser": "Kontynuuj w przeglądarce",
-  "Take me Home": "Zabierz mnie do strony głównej",
+    "open_in_app": "Otwórz w aplikacji",
-  "Submit feedback": "Prześlij opinię",
+    "text": "Gotowy, by dołączyć?",
-  "Stop sharing screen": "Zatrzymaj udostępnianie ekranu",
+    "title": "Wybierz aplikację"
-  "Spotlight": "Centrum uwagi",
+  },
-  "Speaker": "Głośnik",
+  "browser_media_e2ee_unsupported": "Twoja przeglądarka nie wspiera szyfrowania end-to-end. Wspierane przeglądarki to Chrome, Safari, Firefox >=117",
-  "Sign out": "Wyloguj się",
+  "call_ended_view": {
-  "Sign in": "Zaloguj się",
+    "body": "Rozłączono Cię z połączenia",
-  "Show call inspector": "Pokaż inspektora połączenia",
+    "create_account_button": "Utwórz konto",
-  "Share screen": "Udostępnij ekran",
+    "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>",
-  "Settings": "Ustawienia",
+    "feedback_done": "<0>Dziękujemy za Twoją opinię!</0>",
-  "Sending…": "Wysyłanie…",
+    "feedback_prompt": "<0>Z przyjemnością wysłuchamy Twojej opinii, aby poprawić Twoje doświadczenia.</0>",
-  "Sending debug logs…": "Wysyłanie dzienników debugowania…",
+    "headline": "{{displayName}}, Twoje połączenie zostało zakończone.",
-  "Send debug logs": "Wyślij dzienniki debugowania",
+    "not_now_button": "Nie teraz, powróć do ekranu domowego",
-  "Select an option": "Wybierz opcję",
+    "reconnect_button": "Połącz ponownie",
-  "Return to home screen": "Powróć do strony głównej",
+    "survey_prompt": "Jak poszło?"
-  "Remove": "Usuń",
+  },
-  "Registering…": "Rejestrowanie…",
+  "call_name": "Nazwa połączenia",
-  "Register": "Zarejestruj",
+  "common": {
-  "Recaptcha not loaded": "Recaptcha nie została załadowana",
+    "audio": "Dźwięk",
-  "Recaptcha dismissed": "Recaptcha odrzucona",
+    "avatar": "Awatar",
-  "Profile": "Profil",
+    "camera": "Kamera",
-  "Passwords must match": "Hasła muszą pasować",
+    "copied": "Skopiowano!",
-  "Password": "Hasło",
+    "display_name": "Nazwa wyświetlana",
-  "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>",
+    "encrypted": "Szyfrowane",
-  "Not registered yet? <2>Create an account</2>": "Nie masz konta? <2>Utwórz je</2>",
+    "home": "Strona domowa",
-  "Not now, return to home screen": "Nie teraz, powróć do ekranu domowego",
+    "loading": "Ładowanie…",
-  "No": "Nie",
+    "microphone": "Mikrofon",
-  "Mute microphone": "Wycisz mikrofon",
+    "password": "Hasło",
-  "More": "Więcej",
+    "profile": "Profil",
-  "Microphone": "Mikrofon",
+    "settings": "Ustawienia",
-  "Login to your account": "Zaloguj się do swojego konta",
+    "unencrypted": "Nie szyfrowane",
-  "Logging in…": "Logowanie…",
+    "username": "Nazwa użytkownika",
-  "Local volume": "Głośność lokalna",
+    "video": "Wideo"
-  "Loading…": "Ładowanie…",
+  },
-  "Leave": "Opuść",
+  "disconnected_banner": "Utracono połączenie z serwerem.",
-  "Join existing call?": "Dołączyć do istniejącego połączenia?",
+  "exit_fullscreen_button_label": "Opuść pełny ekran",
-  "Join call now": "Dołącz do połączenia teraz",
+  "full_screen_view_description": "<0>Wysłanie dzienników debuggowania pomoże nam ustalić przyczynę problemu.</0>",
-  "Join call": "Dołącz do połączenia",
+  "full_screen_view_h1": "<0>Ojej, coś poszło nie tak.</0>",
-  "Invite people": "Zaproś ludzi",
+  "fullscreen_button_label": "Pełny ekran",
-  "Invite": "Zaproś",
+  "group_call_loader_failed_heading": "Nie znaleziono połączenia",
-  "Inspector": "Inspektor",
+  "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.",
-  "Incompatible versions!": "Niekompatybilne wersje!",
+  "hangup_button_label": "Zakończ połączenie",
-  "Incompatible versions": "Niekompatybilne wersje",
+  "header_label": "Strona główna Element Call",
-  "Include debug logs": "Dołącz dzienniki debugowania",
+  "header_participants_label": "Uczestnicy",
-  "Home": "Strona domowa",
+  "invite_modal": {
-  "Grid layout menu": "Menu układu siatki",
+    "link_copied_toast": "Skopiowano link do schowka",
-  "Full screen": "Pełny ekran",
+    "title": "Zaproś do połączenia"
-  "Freedom": "Wolność",
+  },
-  "Fetching group call timed out.": "Przekroczono limit czasu na uzyskanie połączenia grupowego.",
+  "join_existing_call_modal": {
-  "Exit full screen": "Opuść pełny ekran",
+    "join_button": "Tak, dołącz do połączenia",
-  "Download debug logs": "Pobierz dzienniki debugowania",
+    "text": "Te połączenie już istnieje, czy chcesz do niego dołączyć?",
-  "Display name": "Nazwa wyświetlana",
+    "title": "Dołączyć do istniejącego połączenia?"
-  "Developer": "Programista",
+  },
-  "Details": "Szczegóły",
+  "layout_grid_label": "Siatka",
-  "Debug log request": "Prośba o dzienniki debugowania",
+  "layout_spotlight_label": "Centrum uwagi",
-  "Debug log": "Dzienniki debugowania",
+  "lobby": {
-  "Create account": "Utwórz konto",
+    "join_button": "Dołącz do połączenia",
-  "Copy and share this call link": "Skopiuj i udostępnij link do rozmowy",
+    "leave_button": "Wróć do ostatnie"
-  "Copied!": "Skopiowano!",
+  },
-  "Confirm password": "Potwierdź hasło",
+  "local_volume_label": "Głośność lokalna",
-  "Close": "Zamknij",
+  "logging_in": "Logowanie…",
-  "Change layout": "Zmień układ",
+  "login_auth_links": "<0>Utwórz konto</0> lub <2>Dołącz jako gość</2>",
-  "Camera": "Kamera",
+  "login_title": "Zaloguj się",
-  "Call type menu": "Menu typu połączenia",
+  "microphone_off": "Mikrofon wyłączony",
-  "Call link copied": "Skopiowano link do połączenia",
+  "microphone_on": "Mikrofon włączony",
-  "Avatar": "Awatar",
+  "mute_microphone_button_label": "Wycisz mikrofon",
-  "Audio": "Dźwięk",
+  "rageshake_button_error_caption": "Wyślij logi ponownie",
-  "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.",
+  "rageshake_request_modal": {
-  "<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>",
+    "body": "Inny użytkownik w tym połączeniu napotkał problem. Aby lepiej zdiagnozować tę usterkę, chcielibyśmy zebrać dzienniki debugowania.",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Utwórz konto</0> lub <2>Dołącz jako gość</2>",
+    "title": "Prośba o dzienniki debugowania"
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Masz już konto?</0><1><0>Zaloguj się</0> lub <2>Dołącz jako gość</2></1>",
+  },
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "rageshake_send_logs": "Wyślij dzienniki debugowania",
-  "Copy": "Kopiuj",
+  "rageshake_sending": "Wysyłanie…",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Wysłanie dzienników debuggowania pomoże nam ustalić przyczynę problemu.</0>",
+  "rageshake_sending_logs": "Wysyłanie dzienników debugowania…",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ojej, coś poszło nie tak.</0>",
+  "rageshake_sent": "Dziękujemy!",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Dołącz do rozmowy już teraz</0><1>lub</1><2>Skopiuj link do rozmowy i dołącz później</2>",
+  "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>",
-  "Expose developer settings in the settings window.": "Wyświetl opcje programisty w oknie ustawień.",
+  "recaptcha_dismissed": "Recaptcha odrzucona",
-  "Element Call Home": "Strona główna Element Call",
+  "recaptcha_not_loaded": "Recaptcha nie została załadowana",
-  "Developer Settings": "Opcje programisty",
+  "register": {
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Możesz wycofać swoją zgodę poprzez odznaczenie tego pola. Jeśli już jesteś w trakcie rozmowy, opcja zostanie zastosowana po jej zakończeniu.",
+    "passwords_must_match": "Hasła muszą pasować",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Uczestnicząc w tej becie, upoważniasz nas do zbierania anonimowych danych, które wykorzystamy do ulepszenia produktu. Dowiedz się więcej na temat danych, które zbieramy w naszej <2>Polityce prywatności</2> i <5>Polityce ciasteczek</5>.",
+    "registering": "Rejestrowanie…"
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Jeśli posiadasz problemy lub chciałbyś zgłosić swoją opinię, wyślij nam krótki opis.",
+  },
-  "Thanks, we received your feedback!": "Dziękujemy, otrzymaliśmy Twoją opinię!",
+  "register_auth_links": "<0>Masz już konto?</0><1><0>Zaloguj się</0> lub <2>Dołącz jako gość</2></1>",
-  "Feedback": "Opinia użytkownika",
+  "register_confirm_password_label": "Potwierdź hasło",
-  "Submitting…": "Wysyłanie…",
+  "return_home_button": "Powróć do strony głównej",
-  "Submit": "Wyślij",
+  "room_auth_view_eula_caption": "Klikając \"Dołącz teraz do rozmowy\", zgadzasz się na naszą <2>Umowę licencyjną (EULA)</2>",
-  "Your feedback": "Twoje opinie",
+  "room_auth_view_join_button": "Dołącz do połączenia teraz",
-  "{{count}} stars|other": "{{count}} gwiazdki",
+  "screenshare_button_label": "Udostępnij ekran",
-  "{{count}} stars|one": "{{count}} gwiazdka",
+  "select_input_unset_button": "Wybierz opcję",
-  "{{displayName}}, your call has ended.": "{{displayName}}, Twoje połączenie zostało zakończone.",
+  "settings": {
-  "<0>Thanks for your feedback!</0>": "<0>Dziękujemy za Twoją opinię!</0>",
+    "developer_settings_label": "Opcje programisty",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Z przyjemnością wysłuchamy Twojej opinii, aby poprawić Twoje doświadczenia.</0>",
+    "developer_settings_label_description": "Wyświetl opcje programisty w oknie ustawień.",
-  "How did it go?": "Jak poszło?",
+    "developer_tab_title": "Programista",
-  "{{displayName}} is presenting": "{{displayName}} prezentuje",
+    "feedback_tab_body": "Jeśli posiadasz problemy lub chciałbyś zgłosić swoją opinię, wyślij nam krótki opis.",
-  "Show connection stats": "Pokaż statystyki połączenia"
+    "feedback_tab_description_label": "Twoje opinie",
+    "feedback_tab_h4": "Prześlij opinię",
+    "feedback_tab_send_logs_label": "Dołącz dzienniki debugowania",
+    "feedback_tab_thank_you": "Dziękujemy, otrzymaliśmy Twoją opinię!",
+    "feedback_tab_title": "Opinia użytkownika",
+    "more_tab_title": "Więcej",
+    "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.",
+    "show_connection_stats_label": "Pokaż statystyki połączenia",
+    "speaker_device_selection_label": "Głośnik"
+  },
+  "star_rating_input_label_one": "{{count}} gwiazdki",
+  "star_rating_input_label_other": "{{count}} gwiazdki",
+  "start_new_call": "Rozpocznij nowe połączenie",
+  "start_video_button_label": "Rozpocznij wideo",
+  "stop_screenshare_button_label": "Udostępnianie ekranu",
+  "stop_video_button_label": "Zakończ wideo",
+  "submitting": "Wysyłanie…",
+  "unauthenticated_view_body": "Nie masz konta? <2>Utwórz je</2>",
+  "unauthenticated_view_eula_caption": "Klikając \"Przejdź\", zgadzasz się na naszą <2>Umowę licencyjną (EULA)</2>",
+  "unauthenticated_view_login_button": "Zaloguj się do swojego konta",
+  "unmute_microphone_button_label": "Odcisz mikrofon",
+  "version": "Wersja: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} prezentuje",
+    "sfu_participant_local": "Ty"
+  },
+  "waiting_for_participants": "Oczekiwanie na pozostałych uczestników…"
 }

public/locales/ru/app.json

@@ -1,116 +1,103 @@
 {
-  "Register": "Зарегистрироваться",
+  "a11y": {
-  "Registering…": "Регистрация…",
+    "user_menu": "Меню пользователя"
-  "Logging in…": "Вход…",
+  },
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "action": {
-  "Waiting for other participants…": "Ожидание других участников…",
+    "close": "Закрыть",
-  "This call already exists, would you like to join?": "Этот звонок уже существует, хотите присоединиться?",
+    "copy": "Копировать",
-  "Thanks! We'll get right on it.": "Спасибо! Мы учтём ваш отзыв.",
+    "go": "Далее",
-  "Submit feedback": "Отправить отзыв",
+    "no": "Нет",
-  "Sending debug logs…": "Отправка журнала отладки…",
+    "register": "Зарегистрироваться",
-  "Select an option": "Выберите вариант",
+    "remove": "Удалить",
-  "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>",
+    "sign_in": "Войти",
-  "Grid layout menu": "Меню \"Расположение сеткой\"",
+    "sign_out": "Выйти",
-  "<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>",
+    "submit": "Отправить"
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Создать аккаунт</0> или <2>Зайти как гость</2>",
+  },
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Уже есть аккаунт?</0><1><0>Войти с ним</0> или <2>Зайти как гость</2></1>",
+  "analytics_notice": "Участвуя в этой бета-версии, вы соглашаетесь на сбор анонимных данных, которые мы используем для улучшения продукта. Более подробную информацию о том, какие данные мы отслеживаем, вы можете найти в нашей <2> Политике конфиденциальности</2> и нашей <5> Политике использования файлов cookie</5>.",
-  "Your recent calls": "Ваши недавние звонки",
+  "call_ended_view": {
-  "Yes, join call": "Да, присоединиться",
+    "create_account_button": "Создать аккаунт",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не поддерживается или заблокирован в этом браузере.",
+    "create_account_prompt": "<0>Почему бы не задать пароль, тем самым сохранив аккаунт?</0><1>Так вы можете оставить своё имя и задать аватар для будущих звонков.</1>",
-  "Walkie-talkie call name": "Название звонка-рации",
+    "feedback_done": "<0>Спасибо за обратную связь!</0>",
-  "Walkie-talkie call": "Звонок-рация",
+    "feedback_prompt": "<0>Мы будем рады видеть ваши отзывы, чтобы мы могли улучшить ваш опыт.</0>",
-  "Video call name": "Название видео-звонка",
+    "headline": "{{displayName}}, ваш звонок окончен.",
-  "Video call": "Видео-звонок",
+    "not_now_button": "Не сейчас, вернуться в Начало",
-  "Video": "Видео",
+    "survey_prompt": "Как всё прошло?"
-  "Version: {{version}}": "Версия: {{version}}",
+  },
-  "Username": "Имя пользователя",
+  "common": {
-  "User menu": "Меню пользователя",
+    "audio": "Аудио",
-  "Unmute microphone": "Включить микрофон",
+    "avatar": "Аватар",
-  "Turn on camera": "Включить камеру",
+    "camera": "Камера",
-  "Turn off camera": "Отключить камеру",
+    "copied": "Скопировано!",
-  "Take me Home": "Перейти в Начало",
+    "display_name": "Видимое имя",
-  "Stop sharing screen": "Остановить показ экрана",
+    "home": "Начало",
-  "Spotlight": "Внимание",
+    "loading": "Загрузка…",
-  "Speaker": "Динамик",
+    "microphone": "Микрофон",
-  "Sign out": "Выйти",
+    "password": "Пароль",
-  "Sign in": "Войти",
+    "profile": "Профиль",
-  "Show call inspector": "Показать инспектор",
+    "settings": "Настройки",
-  "Share screen": "Поделиться экраном",
+    "username": "Имя пользователя",
-  "Settings": "Настройки",
+    "video": "Видео"
-  "Sending…": "Отправка…",
+  },
-  "Local volume": "Местная громкость",
+  "exit_fullscreen_button_label": "Выйти из полноэкранного режима",
-  "Call type menu": "Меню \"Тип звонка\"",
+  "full_screen_view_description": "<0>Отправка журналов поможет нам найти и устранить проблему.</0>",
-  "Include debug logs": "Приложить журнал отладки",
+  "full_screen_view_h1": "<0>Упс, что-то пошло не так.</0>",
-  "Download debug logs": "Скачать журнал отладки",
+  "fullscreen_button_label": "Полноэкранный режим",
-  "Debug log request": "Запрос журнала отладки",
+  "header_label": "Главная Element Call",
-  "Debug log": "Журнал отладки",
+  "join_existing_call_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.": "У одного из участников звонка есть неполадки. Чтобы лучше диагностировать похожие проблемы, нам нужен журнал отладки.",
+    "join_button": "Да, присоединиться",
-  "Send debug logs": "Отправить журнал отладки",
+    "text": "Этот звонок уже существует, хотите присоединиться?",
-  "Return to home screen": "Вернуться в Начало",
+    "title": "Присоединиться к существующему звонку?"
-  "Remove": "Удалить",
+  },
-  "Recaptcha not loaded": "Невозможно начать проверку",
+  "layout_spotlight_label": "Внимание",
-  "Recaptcha dismissed": "Проверка не пройдена",
+  "lobby": {
-  "Profile": "Профиль",
+    "join_button": "Присоединиться"
-  "Passwords must match": "Пароли должны совпадать",
+  },
-  "Password": "Пароль",
+  "local_volume_label": "Местная громкость",
-  "Not registered yet? <2>Create an account</2>": "Ещё не зарегистрированы? <2>Создайте аккаунт</2>",
+  "logging_in": "Вход…",
-  "Not now, return to home screen": "Не сейчас, вернуться в Начало",
+  "login_auth_links": "<0>Создать аккаунт</0> или <2>Зайти как гость</2>",
-  "No": "Нет",
+  "login_title": "Вход",
-  "Mute microphone": "Отключить микрофон",
+  "rageshake_request_modal": {
-  "More": "Больше",
+    "body": "У одного из участников звонка есть неполадки. Чтобы лучше диагностировать похожие проблемы, нам нужен журнал отладки.",
-  "Microphone": "Микрофон",
+    "title": "Запрос журнала отладки"
-  "Login to your account": "Войдите в свой аккаунт",
+  },
-  "Login": "Вход",
+  "rageshake_send_logs": "Отправить журнал отладки",
-  "Loading…": "Загрузка…",
+  "rageshake_sending": "Отправка…",
-  "Leave": "Покинуть",
+  "rageshake_sending_logs": "Отправка журнала отладки…",
-  "Join existing call?": "Присоединиться к существующему звонку?",
+  "recaptcha_dismissed": "Проверка не пройдена",
-  "Join call now": "Присоединиться сейчас",
+  "recaptcha_not_loaded": "Невозможно начать проверку",
-  "Join call": "Присоединиться",
+  "register": {
-  "Invite people": "Пригласить участников",
+    "passwords_must_match": "Пароли должны совпадать",
-  "Invite": "Пригласить",
+    "registering": "Регистрация…"
-  "Inspector": "Инспектор",
+  },
-  "Incompatible versions!": "Несовместимые версии!",
+  "register_auth_links": "<0>Уже есть аккаунт?</0><1><0>Войти с ним</0> или <2>Зайти как гость</2></1>",
-  "Incompatible versions": "Несовместимые версии",
+  "register_confirm_password_label": "Подтвердите пароль",
-  "Home": "Начало",
+  "return_home_button": "Вернуться в Начало",
-  "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": "Настройки Разработчика",
-  "Display name": "Видимое имя",
+    "developer_settings_label_description": "Раскрыть настройки разработчика в окне настроек.",
-  "Developer": "Разработчику",
+    "developer_tab_title": "Разработчику",
-  "Details": "Подробности",
+    "feedback_tab_body": "Если у вас возникли проблемы или вы просто хотите оставить отзыв, отправьте нам краткое описание ниже.",
-  "Create account": "Создать аккаунт",
+    "feedback_tab_description_label": "Ваш отзыв",
-  "Copy and share this call link": "Скопируйте и поделитесь этой ссылкой на звонок",
+    "feedback_tab_h4": "Отправить отзыв",
-  "Copied!": "Скопировано!",
+    "feedback_tab_send_logs_label": "Приложить журнал отладки",
-  "Confirm password": "Подтвердите пароль",
+    "feedback_tab_thank_you": "Спасибо. Мы получили ваш отзыв!",
-  "Close": "Закрыть",
+    "feedback_tab_title": "Отзыв",
-  "Change layout": "Изменить расположение",
+    "more_tab_title": "Больше",
-  "Camera": "Камера",
+    "opt_in_description": "<0></0><1></1>Вы можете отозвать согласие, сняв этот флажок. Если вы в данный момент находитесь в разговоре, эта настройка вступит в силу по окончании разговора.",
-  "Call link copied": "Ссылка на звонок скопирована",
+    "show_connection_stats_label": "Показать статистику соединения",
-  "Avatar": "Аватар",
+    "speaker_device_selection_label": "Динамик"
-  "Audio": "Аудио",
+  },
-  "Element Call Home": "Главная Element Call",
+  "star_rating_input_label_one": "{{count}} отмечен",
-  "Copy": "Копировать",
+  "star_rating_input_label_other": "{{count}} отмеченных",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Присоединиться сейчас</0><1>или<1><2>Скопировать ссылку и присоединиться позже</2>",
+  "submitting": "Отправляем…",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Отправка журналов поможет нам найти и устранить проблему.</0>",
+  "unauthenticated_view_body": "Ещё не зарегистрированы? <2>Создайте аккаунт</2>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Упс, что-то пошло не так.</0>",
+  "unauthenticated_view_login_button": "Войдите в свой аккаунт",
-  "Expose developer settings in the settings window.": "Раскрыть настройки разработчика в окне настроек.",
+  "version": "Версия: {{version}}",
-  "Developer Settings": "Настройки Разработчика",
+  "video_tile": {
-  "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>.",
+    "presenter_label": "{{displayName}} представляет"
-  "<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>Вы можете отозвать согласие, сняв этот флажок. Если вы в данный момент находитесь в разговоре, эта настройка вступит в силу по окончании разговора.",
+  },
-  "{{displayName}} is presenting": "{{displayName}} представляет",
+  "waiting_for_participants": "Ожидание других участников…"
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Мы будем рады видеть ваши отзывы, чтобы мы могли улучшить ваш опыт.</0>",
-  "Thanks, we received your feedback!": "Спасибо. Мы получили ваш отзыв!",
-  "Feedback": "Отзыв",
-  "Submit": "Отправить",
-  "Submitting…": "Отправляем…",
-  "{{count}} stars|one": "{{count}} отмечен",
-  "{{count}} stars|other": "{{count}} отмеченных",
-  "{{displayName}}, your call has ended.": "{{displayName}}, ваш звонок окончен.",
-  "<0>Thanks for your feedback!</0>": "<0>Спасибо за обратную связь!</0>",
-  "Your feedback": "Ваш отзыв",
-  "How did it go?": "Как всё прошло?",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Если у вас возникли проблемы или вы просто хотите оставить отзыв, отправьте нам краткое описание ниже.",
-  "Show connection stats": "Показать статистику соединения"
 }

public/locales/sk/app.json

@@ -1,120 +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ť",
-  "Waiting for other participants…": "Čaká sa na ďalších účastníkov…",
+    "copy": "Kopírovať",
-  "Thanks! We'll get right on it.": "Vďaka! Hneď sa do toho pustíme.",
+    "copy_link": "Kopírovať odkaz",
-  "Take me Home": "Zober ma domov",
+    "go": "Prejsť",
-  "Submit feedback": "Odoslať spätnú väzbu",
+    "invite": "Pozvať",
-  "Stop sharing screen": "Zastaviť zdieľanie obrazovky",
+    "no": "Nie",
-  "Show call inspector": "Zobraziť inšpektora hovorov",
+    "register": "Registrovať sa",
-  "Share screen": "Zdieľať obrazovku",
+    "remove": "Odstrániť",
-  "Sending…": "Odosielanie…",
+    "sign_in": "Prihlásiť sa",
-  "Sending debug logs…": "Odosielanie záznamov o ladení…",
+    "sign_out": "Odhlásiť sa",
-  "Send debug logs": "Odoslať záznamy o ladení",
+    "submit": "Odoslať"
-  "Select an option": "Vyberte možnosť",
+  },
-  "Return to home screen": "Návrat na domovskú obrazovku",
+  "analytics_notice": "Účasťou v tejto beta verzii súhlasíte so zhromažďovaním anonymných údajov, ktoré použijeme na zlepšenie produktu. Viac informácií o tom, ktoré údaje sledujeme, nájdete v našich <2>Zásadách ochrany osobných údajov</2> a <5>Zásadách používania súborov cookie</5>.",
-  "Remove": "Odstrániť",
+  "app_selection_modal": {
-  "Registering…": "Registrácia…",
+    "continue_in_browser": "Pokračovať v prehliadači",
-  "Register": "Registrovať sa",
+    "open_in_app": "Otvoriť v aplikácii",
-  "Recaptcha not loaded": "Recaptcha sa nenačítala",
+    "text": "Ste pripravení sa pridať?",
-  "Recaptcha dismissed": "Recaptcha zamietnutá",
+    "title": "Vybrať aplikáciu"
-  "Profile": "Profil",
+  },
-  "Passwords must match": "Heslá sa musia zhodovať",
+  "browser_media_e2ee_unsupported": "Váš webový prehliadač nepodporuje end-to-end šifrovanie médií. Podporované prehliadače sú Chrome, Safari, Firefox >=117",
-  "Password": "Heslo",
+  "call_ended_view": {
-  "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>",
+    "body": "Boli ste odpojení z hovoru",
-  "Not registered yet? <2>Create an account</2>": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
+    "create_account_button": "Vytvoriť účet",
-  "Not now, return to home screen": "Teraz nie, vrátiť sa na domovskú obrazovku",
+    "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>",
-  "No": "Nie",
+    "feedback_done": "<0> Ďakujeme za vašu spätnú väzbu!</0>",
-  "Mute microphone": "Stlmiť mikrofón",
+    "feedback_prompt": "<0> Radi si vypočujeme vašu spätnú väzbu, aby sme mohli zlepšiť vaše skúsenosti.</0>",
-  "More": "Viac",
+    "headline": "{{displayName}}, váš hovor skončil.",
-  "Microphone": "Mikrofón",
+    "not_now_button": "Teraz nie, vrátiť sa na domovskú obrazovku",
-  "Login to your account": "Prihláste sa do svojho konta",
+    "reconnect_button": "Znovu pripojiť",
-  "Login": "Prihlásiť sa",
+    "survey_prompt": "Ako to išlo?"
-  "Logging in…": "Prihlasovanie…",
+  },
-  "Loading…": "Načítanie…",
+  "call_name": "Názov hovoru",
-  "Leave": "Opustiť",
+  "common": {
-  "Join existing call?": "Pripojiť sa k existujúcemu hovoru?",
+    "avatar": "Obrázok",
-  "Join call now": "Pripojiť sa k hovoru teraz",
+    "camera": "Kamera",
-  "Join call": "Pripojiť sa k hovoru",
+    "copied": "Skopírované!",
-  "Invite people": "Pozvať ľudí",
+    "display_name": "Zobrazované meno",
-  "Invite": "Pozvať",
+    "encrypted": "Šifrované",
-  "Inspector": "Inšpektor",
+    "home": "Domov",
-  "Incompatible versions!": "Nekompatibilné verzie!",
+    "loading": "Načítanie…",
-  "Incompatible versions": "Nekompatibilné verzie",
+    "microphone": "Mikrofón",
-  "Home": "Domov",
+    "password": "Heslo",
-  "Grid layout menu": "Ponuka rozloženia mriežky",
+    "profile": "Profil",
-  "Go": "Prejsť",
+    "settings": "Nastavenia",
-  "Full screen": "Zobrazenie na celú obrazovku",
+    "unencrypted": "Nie je zašifrované",
-  "Freedom": "Sloboda",
+    "username": "Meno používateľa"
-  "Exit full screen": "Ukončiť zobrazenie na celú obrazovku",
+  },
-  "Download debug logs": "Stiahnuť záznamy ladenia",
+  "disconnected_banner": "Spojenie so serverom sa stratilo.",
-  "Your recent calls": "Vaše nedávne hovory",
+  "exit_fullscreen_button_label": "Ukončiť zobrazenie na celú obrazovku",
-  "Yes, join call": "Áno, pripojiť sa k hovoru",
+  "full_screen_view_description": "<0>Odoslanie záznamov ladenia nám pomôže nájsť problém.</0>",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC nie je podporované alebo je v tomto prehliadači blokované.",
+  "full_screen_view_h1": "<0>Hups, niečo sa pokazilo.</0>",
-  "Walkie-talkie call name": "Názov vysielačkového hovoru",
+  "fullscreen_button_label": "Zobrazenie na celú obrazovku",
-  "Walkie-talkie call": "Vysielačkový hovor",
+  "group_call_loader_failed_heading": "Hovor nebol nájdený",
-  "Video call name": "Názov video 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ľúč.",
-  "Video call": "Video hovor",
+  "hangup_button_label": "Ukončiť hovor",
-  "Video": "Video",
+  "header_label": "Domov Element Call",
-  "Version: {{version}}": "Verzia: {{version}}",
+  "header_participants_label": "Účastníci",
-  "Username": "Meno používateľa",
+  "invite_modal": {
-  "User menu": "Používateľské menu",
+    "link_copied_toast": "Odkaz skopírovaný do schránky",
-  "Unmute microphone": "Zrušiť stlmenie mikrofónu",
+    "title": "Pozvať na tento hovor"
-  "Turn on camera": "Zapnúť kameru",
+  },
-  "Turn off camera": "Vypnúť kameru",
+  "join_existing_call_modal": {
-  "This call already exists, would you like to join?": "Tento hovor už existuje, chceli by ste sa k nemu pripojiť?",
+    "join_button": "Áno, pripojiť sa k hovoru",
-  "Speaker": "Reproduktor",
+    "text": "Tento hovor už existuje, chceli by ste sa k nemu pripojiť?",
-  "Sign out": "Odhlásiť sa",
+    "title": "Pripojiť sa k existujúcemu hovoru?"
-  "Sign in": "Prihlásiť sa",
+  },
-  "Settings": "Nastavenia",
+  "layout_grid_label": "Sieť",
-  "Display name": "Zobrazované meno",
+  "layout_spotlight_label": "Stredobod",
-  "Developer": "Vývojár",
+  "lobby": {
-  "Details": "Podrobnosti",
+    "join_button": "Pripojiť sa k hovoru",
-  "Debug log request": "Žiadosť o záznam ladenia",
+    "leave_button": "Späť k nedávnym"
-  "Debug log": "Záznam o ladení",
+  },
-  "Create account": "Vytvoriť účet",
+  "local_volume_label": "Lokálna hlasitosť",
-  "Copy and share this call link": "Skopírovať a zdieľať tento odkaz na hovor",
+  "logging_in": "Prihlasovanie…",
-  "Copy": "Kopírovať",
+  "login_auth_links": "<0>Vytvoriť konto</0> Alebo <2>Prihlásiť sa ako hosť</2>",
-  "Copied!": "Skopírované!",
+  "login_title": "Prihlásiť sa",
-  "Confirm password": "Potvrdiť heslo",
+  "microphone_off": "Mikrofón vypnutý",
-  "Close": "Zatvoriť",
+  "microphone_on": "Mikrofón zapnutý",
-  "Change layout": "Zmeniť rozloženie",
+  "mute_microphone_button_label": "Stlmiť mikrofón",
-  "Camera": "Kamera",
+  "rageshake_button_error_caption": "Opakovať odoslanie záznamov",
-  "Call type menu": "Ponuka typu hovoru",
+  "rageshake_request_modal": {
-  "Call link copied": "Odkaz na hovor skopírovaný",
+    "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í.",
-  "Avatar": "Obrázok",
+    "title": "Žiadosť o záznam ladenia"
-  "Audio": "Audio",
+  },
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Ďalší používateľ v tomto hovore má problém. Aby sme mohli lepšie diagnostikovať tieto problémy, chceli by sme získať záznam o ladení.",
+  "rageshake_send_logs": "Odoslať záznamy o ladení",
-  "<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>",
+  "rageshake_sending": "Odosielanie…",
-  "<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>",
+  "rageshake_sending_logs": "Odosielanie záznamov o ladení…",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Vytvoriť konto</0> Alebo <2>Prihlásiť sa ako hosť</2>",
+  "rageshake_sent": "Ďakujeme!",
-  "<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>",
+  "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>",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "recaptcha_dismissed": "Recaptcha zamietnutá",
-  "<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>",
+  "recaptcha_not_loaded": "Recaptcha sa nenačítala",
-  "<0>Oops, something's gone wrong.</0>": "<0>Hups, niečo sa pokazilo.</0>",
+  "register": {
-  "Expose developer settings in the settings window.": "Zobraziť nastavenia pre vývojárov v okne nastavení.",
+    "passwords_must_match": "Heslá sa musia zhodovať",
-  "Developer Settings": "Nastavenia pre vývojárov",
+    "registering": "Registrácia…"
-  "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.",
+  "register_auth_links": "<0>Už máte konto?</0><1><0>Prihláste sa</0> Alebo <2>Prihlásiť sa ako hosť</2></1>",
-  "Your feedback": "Vaša spätná väzba",
+  "register_confirm_password_label": "Potvrdiť heslo",
-  "Thanks, we received your feedback!": "Ďakujeme, dostali sme vašu spätnú väzbu!",
+  "return_home_button": "Návrat na domovskú obrazovku",
-  "Submitting…": "Odosielanie…",
+  "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>",
-  "Submit": "Odoslať",
+  "room_auth_view_join_button": "Pripojiť sa k hovoru teraz",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Ak máte problémy alebo jednoducho chcete poskytnúť spätnú väzbu, pošlite nám krátky popis nižšie.",
+  "screenshare_button_label": "Zdieľať obrazovku",
-  "Feedback": "Spätná väzba",
+  "select_input_unset_button": "Vyberte možnosť",
-  "{{count}} stars|one": "{{count}} hviezdička",
+  "settings": {
-  "How did it go?": "Ako to išlo?",
+    "developer_settings_label": "Nastavenia pre vývojárov",
-  "{{count}} stars|other": "{{count}} hviezdičiek",
+    "developer_settings_label_description": "Zobraziť nastavenia pre vývojárov v okne nastavení.",
-  "{{displayName}}, your call has ended.": "{{displayName}}, váš hovor skončil.",
+    "developer_tab_title": "Vývojár",
-  "<0>Thanks for your feedback!</0>": "<0> Ďakujeme za vašu spätnú väzbu!</0>",
+    "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.",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0> Radi si vypočujeme vašu spätnú väzbu, aby sme mohli zlepšiť vaše skúsenosti.</0>",
+    "feedback_tab_description_label": "Vaša spätná väzba",
-  "{{displayName}} is presenting": "{{displayName}} prezentuje",
+    "feedback_tab_h4": "Odoslať spätnú väzbu",
-  "Show connection stats": "Zobraziť štatistiky pripojenia",
+    "feedback_tab_send_logs_label": "Zahrnúť záznamy o ladení",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "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>",
+    "feedback_tab_thank_you": "Ďakujeme, dostali sme vašu spätnú väzbu!",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Kliknutím na tlačidlo \"Prejsť\" vyjadrujete súhlas s našou <2>Licenčnou zmluvou s koncovým používateľom (EULA)</2>",
+    "feedback_tab_title": "Spätná väzba",
-  "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>": "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>",
+    "more_tab_title": "Viac",
-  "Element Call is temporarily not encrypted while we test scalability.": "Element Call nie je dočasne šifrovaný, kým testujeme škálovateľnosť."
+    "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.",
+    "show_connection_stats_label": "Zobraziť štatistiky pripojenia",
+    "speaker_device_selection_label": "Reproduktor"
+  },
+  "star_rating_input_label_one": "{{count}} hviezdička",
+  "star_rating_input_label_other": "{{count}} hviezdičiek",
+  "start_new_call": "Spustiť nový hovor",
+  "start_video_button_label": "Spustiť video",
+  "stop_screenshare_button_label": "Zdieľanie obrazovky",
+  "stop_video_button_label": "Zastaviť video",
+  "submitting": "Odosielanie…",
+  "unauthenticated_view_body": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
+  "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>",
+  "unauthenticated_view_login_button": "Prihláste sa do svojho konta",
+  "unmute_microphone_button_label": "Zrušiť stlmenie mikrofónu",
+  "version": "Verzia: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} prezentuje",
+    "sfu_participant_local": "Vy"
+  },
+  "waiting_for_participants": "Čaká sa na ďalších účastníkov…"
 }

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,73 +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": {
-  "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.",
+    "close": "Kapat",
-  "Audio": "Ses",
+    "go": "Git",
-  "Avatar": "Avatar",
+    "no": "Hayır",
-  "Call link copied": "Arama bağlantısı kopyalandı",
+    "register": "Kaydol",
-  "Call type menu": "Arama tipi menüsü",
+    "remove": "Çıkar",
-  "Camera": "Kamera",
+    "sign_in": "Gir",
-  "Change layout": "Yerleşimi değiştir",
+    "sign_out": "Çık"
-  "Close": "Kapat",
+  },
-  "Confirm password": "Parolayı tekrar edin",
+  "call_ended_view": {
-  "Copied!": "Kopyalandı",
+    "create_account_button": "Hesap aç",
-  "Copy and share this call link": "Arama bağlantısını kopyala ve paylaş",
+    "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>",
-  "Create account": "Hesap aç",
+    "not_now_button": "Şimdi değil, ev ekranına dön"
-  "Debug log": "Hata ayıklama kütüğü",
+  },
-  "Debug log request": "Hata ayıklama kütük istemi",
+  "common": {
-  "Details": "Ayrıntı",
+    "audio": "Ses",
-  "Developer": "Geliştirici",
+    "camera": "Kamera",
-  "Display name": "Ekran adı",
+    "copied": "Kopyalandı",
-  "Download debug logs": "Hata ayıklama kütüğünü indir",
+    "display_name": "Ekran adı",
-  "Exit full screen": "Tam ekranı terk et",
+    "home": "Ev",
-  "Fetching group call timed out.": "Grup çağrısı zaman aşımına uğradı.",
+    "loading": "Yükleniyor…",
-  "Freedom": "Özgürlük",
+    "microphone": "Mikrofon",
-  "Full screen": "Tam ekran",
+    "password": "Parola",
-  "Go": "Git",
+    "settings": "Ayarlar"
-  "Grid layout menu": "Izgara plan menü",
+  },
-  "Home": "Ev",
+  "exit_fullscreen_button_label": "Tam ekranı terk et",
-  "Include debug logs": "Hata ayıklama kütüğünü dahil et",
+  "fullscreen_button_label": "Tam ekran",
-  "Incompatible versions": "Uyumsuz sürümler",
+  "join_existing_call_modal": {
-  "Incompatible versions!": "Sürüm uyumsuz!",
+    "text": "Bu arama zaten var, katılmak ister misiniz?",
-  "Inspector": "Denetçi",
+    "title": "Mevcut aramaya katıl?"
-  "Invite people": "Kişileri davet et",
+  },
-  "Join call": "Aramaya katıl",
+  "lobby": {
-  "Join call now": "Aramaya katıl",
+    "join_button": "Aramaya katıl"
-  "Join existing call?": "Mevcut aramaya katıl?",
+  },
-  "Leave": "Çık",
+  "local_volume_label": "Yerel ses seviyesi",
-  "Loading…": "Yükleniyor…",
+  "logging_in": "Giriliyor…",
-  "Local volume": "Yerel ses seviyesi",
+  "login_auth_links": "<0>Hesap oluştur</0> yahut <2>Konuk olarak gir</2>",
-  "Logging in…": "Giriliyor…",
+  "login_title": "Gir",
-  "Login": "Gir",
+  "rageshake_request_modal": {
-  "Login to your account": "Hesabınıza girin",
+    "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.",
-  "Microphone": "Mikrofon",
+    "title": "Hata ayıklama kütük istemi"
-  "More": "Daha",
+  },
-  "Mute microphone": "Mikrofonu kapat",
+  "rageshake_send_logs": "Hata ayıklama kütüğünü gönder",
-  "No": "Hayır",
+  "rageshake_sending": "Gönderiliyor…",
-  "Not now, return to home screen": "Şimdi değil, ev ekranına dön",
+  "recaptcha_dismissed": "reCAPTCHA atlandı",
-  "Not registered yet? <2>Create an account</2>": "Kaydolmadınız mı? <2>Hesap açın</2>",
+  "recaptcha_not_loaded": "reCAPTCHA yüklenmedi",
-  "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.",
+  "register": {
-  "Password": "Parola",
+    "passwords_must_match": "Parolalar aynı olmalı",
-  "Passwords must match": "Parolalar aynı olmalı",
+    "registering": "Kaydediyor…"
-  "Recaptcha dismissed": "reCAPTCHA atlandı",
+  },
-  "Recaptcha not loaded": "reCAPTCHA yüklenmedi",
+  "register_auth_links": "<0>Mevcut hesabınız mı var?</0><1><0>Gir</0> yahut <2>Konuk girişi</2></1>",
-  "Register": "Kaydol",
+  "register_confirm_password_label": "Parolayı tekrar edin",
-  "Registering…": "Kaydediyor…",
+  "return_home_button": "Ev ekranına geri dön",
-  "Remove": "Çıkar",
+  "room_auth_view_join_button": "Aramaya katıl",
-  "Return to home screen": "Ev ekranına geri dön",
+  "screenshare_button_label": "Ekran paylaş",
-  "Select an option": "Bir seçenek seç",
+  "select_input_unset_button": "Bir seçenek seç",
-  "Send debug logs": "Hata ayıklama kütüğünü gönder",
+  "settings": {
-  "Sending…": "Gönderiliyor…",
+    "developer_tab_title": "Geliştirici",
-  "Settings": "Ayarlar",
+    "feedback_tab_h4": "Geri bildirim ver",
-  "Share screen": "Ekran paylaş",
+    "feedback_tab_send_logs_label": "Hata ayıklama kütüğünü dahil et",
-  "Show call inspector": "Arama denetçisini göster",
+    "more_tab_title": "Daha"
-  "Sign in": "Gir",
+  },
-  "Sign out": "Çık",
+  "unauthenticated_view_body": "Kaydolmadınız mı? <2>Hesap açın</2>",
-  "Stop sharing screen": "Ekran paylaşmayı terk et",
+  "unauthenticated_view_login_button": "Hesabınıza girin"
-  "Submit feedback": "Geri bildirim ver",
-  "Take me Home": "Ev ekranına gir",
-  "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?",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "<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,120 +1,142 @@
 {
-  "Loading…": "Завантаження…",
+  "a11y": {
-  "Your recent calls": "Ваші недавні виклики",
+    "user_menu": "Меню користувача"
-  "Yes, join call": "Так, приєднатися до виклику",
+  },
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не підтримується або блокується в цьому браузері.",
+  "action": {
-  "Walkie-talkie call name": "Назва виклику-рації",
+    "close": "Закрити",
-  "Walkie-talkie call": "Виклик-рація",
+    "copy": "Копіювати",
-  "Waiting for other participants…": "Очікування на інших учасників…",
+    "copy_link": "Скопіювати посилання",
-  "Video call name": "Назва відеовиклику",
+    "go": "Далі",
-  "Video call": "Відеовиклик",
+    "invite": "Запросити",
-  "Video": "Відео",
+    "no": "Ні",
-  "Version: {{version}}": "Версія: {{version}}",
+    "register": "Зареєструватися",
-  "Username": "Ім'я користувача",
+    "remove": "Вилучити",
-  "User menu": "Меню користувача",
+    "sign_in": "Увійти",
-  "Unmute microphone": "Увімкнути мікрофон",
+    "sign_out": "Вийти",
-  "Turn on camera": "Увімкнути камеру",
+    "submit": "Надіслати"
-  "Turn off camera": "Вимкнути камеру",
+  },
-  "This call already exists, would you like to join?": "Цей виклик уже існує, бажаєте приєднатися?",
+  "analytics_notice": "Користуючись дочасним доступом, ви даєте згоду на збір анонімних даних, які ми використовуємо для вдосконалення продукту. Ви можете знайти більше інформації про те, які дані ми відстежуємо в нашій <2>Політиці Приватності</2> і нашій <5>Політиці про куки</5>.",
-  "Thanks! We'll get right on it.": "Дякуємо! Ми зараз же візьмемося за це.",
+  "app_selection_modal": {
-  "Take me Home": "Перейти до Домівки",
+    "continue_in_browser": "Продовжити у браузері",
-  "Submit feedback": "Надіслати відгук",
+    "open_in_app": "Відкрити у застосунку",
-  "Stop sharing screen": "Припинити показ екрана",
+    "text": "Готові приєднатися?",
-  "Spotlight": "У центрі уваги",
+    "title": "Вибрати застосунок"
-  "Speaker": "Динамік",
+  },
-  "Sign out": "Вийти",
+  "browser_media_e2ee_unsupported": "Ваш браузер не підтримує наскрізне шифрування мультимедійних даних. Підтримувані браузери: Chrome, Safari, Firefox >=117",
-  "Sign in": "Увійти",
+  "call_ended_view": {
-  "Show call inspector": "Показати інспектора виклику",
+    "body": "Вас від'єднано від виклику",
-  "Share screen": "Поділитися екраном",
+    "create_account_button": "Створити обліковий запис",
-  "Settings": "Налаштування",
+    "create_account_prompt": "<0>Чому б не завершити, налаштувавши пароль для збереження свого облікового запису?</0><1>Ви зможете зберегти своє ім'я та встановити аватарку для подальшого користування під час майбутніх викликів</1>",
-  "Sending…": "Надсилання…",
+    "feedback_done": "<0>Дякуємо за ваш відгук!</0>",
-  "Sending debug logs…": "Надсилання журналу налагодження…",
+    "feedback_prompt": "<0>Ми будемо раді почути ваші відгуки, щоб поліпшити роботу застосунку.</0>",
-  "Send debug logs": "Надіслати журнал налагодження",
+    "headline": "{{displayName}}, ваш виклик завершено.",
-  "Select an option": "Вибрати опцію",
+    "not_now_button": "Не зараз, повернутися на екран домівки",
-  "Return to home screen": "Повернутися на екран домівки",
+    "reconnect_button": "Під'єднати повторно",
-  "Remove": "Вилучити",
+    "survey_prompt": "Вам усе сподобалось?"
-  "Registering…": "Реєстрація…",
+  },
-  "Register": "Зареєструватися",
+  "call_name": "Назва виклику",
-  "Recaptcha not loaded": "Recaptcha не завантажено",
+  "common": {
-  "Recaptcha dismissed": "Recaptcha не пройдено",
+    "audio": "Звук",
-  "Profile": "Профіль",
+    "avatar": "Аватар",
-  "Passwords must match": "Паролі відрізняються",
+    "camera": "Камера",
-  "Password": "Пароль",
+    "copied": "Скопійовано!",
-  "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>",
+    "display_name": "Псевдонім",
-  "Not registered yet? <2>Create an account</2>": "Ще не зареєстровані? <2>Створіть обліковий запис</2>",
+    "encrypted": "Зашифровано",
-  "Not now, return to home screen": "Не зараз, повернутися на екран домівки",
+    "home": "Домівка",
-  "No": "Ні",
+    "loading": "Завантаження…",
-  "Mute microphone": "Заглушити мікрофон",
+    "microphone": "Мікрофон",
-  "More": "Докладніше",
+    "password": "Пароль",
-  "Microphone": "Мікрофон",
+    "profile": "Профіль",
-  "Login to your account": "Увійдіть до свого облікового запису",
+    "settings": "Налаштування",
-  "Login": "Увійти",
+    "unencrypted": "Не зашифровано",
-  "Logging in…": "Вхід…",
+    "username": "Ім'я користувача",
-  "Local volume": "Локальна гучність",
+    "video": "Відео"
-  "Leave": "Вийти",
+  },
-  "Join existing call?": "Приєднатися до наявного виклику?",
+  "disconnected_banner": "Втрачено зв'язок з сервером.",
-  "Join call now": "Приєднатися до виклику зараз",
+  "exit_fullscreen_button_label": "Вийти з повноекранного режиму",
-  "Join call": "Приєднатися до виклику",
+  "full_screen_view_description": "<0>Надсилання журналів налагодження допоможе нам виявити проблему.</0>",
-  "Invite people": "Запросити людей",
+  "full_screen_view_h1": "<0>Йой, щось пішло не за планом.</0>",
-  "Invite": "Запросити",
+  "fullscreen_button_label": "Повноекранний режим",
-  "Inspector": "Інспектор",
+  "group_call_loader_failed_heading": "Виклик не знайдено",
-  "Incompatible versions!": "Несумісні версії!",
+  "group_call_loader_failed_text": "Відтепер виклики захищено наскрізним шифруванням, і їх потрібно створювати з домашньої сторінки. Це допомагає переконатися, що всі користувачі використовують один і той самий ключ шифрування.",
-  "Incompatible versions": "Несумісні версії",
+  "hangup_button_label": "Завершити виклик",
-  "Include debug logs": "Долучити журнали налагодження",
+  "header_label": "Домівка Element Call",
-  "Home": "Домівка",
+  "header_participants_label": "Учасники",
-  "Grid layout menu": "Меню у вигляді сітки",
+  "invite_modal": {
-  "Go": "Далі",
+    "link_copied_toast": "Посилання скопійовано до буфера обміну",
-  "Full screen": "Повноекранний режим",
+    "title": "Запросити до цього виклику"
-  "Freedom": "Свобода",
+  },
-  "Fetching group call timed out.": "Вичерпано час очікування групового виклику.",
+  "join_existing_call_modal": {
-  "Exit full screen": "Вийти з повноекранного режиму",
+    "join_button": "Так, приєднатися до виклику",
-  "Download debug logs": "Завантажити журнали налагодження",
+    "text": "Цей виклик уже існує, бажаєте приєднатися?",
-  "Display name": "Показуване ім'я",
+    "title": "Приєднатися до наявного виклику?"
-  "Developer": "Розробнику",
+  },
-  "Details": "Подробиці",
+  "layout_grid_label": "Сітка",
-  "Debug log request": "Запит журналу налагодження",
+  "layout_spotlight_label": "У центрі уваги",
-  "Debug log": "Журнал налагодження",
+  "lobby": {
-  "Create account": "Створити обліковий запис",
+    "join_button": "Приєднатися до виклику",
-  "Copy and share this call link": "Скопіювати та поділитися цим посиланням на виклик",
+    "leave_button": "Повернутися до недавніх"
-  "Copied!": "Скопійовано!",
+  },
-  "Confirm password": "Підтвердити пароль",
+  "local_volume_label": "Локальна гучність",
-  "Close": "Закрити",
+  "logging_in": "Вхід…",
-  "Change layout": "Змінити макет",
+  "login_auth_links": "<0>Створити обліковий запис</0> або <2>Отримати доступ як гість</2>",
-  "Camera": "Камера",
+  "login_title": "Увійти",
-  "Call type menu": "Меню типу виклику",
+  "microphone_off": "Мікрофон вимкнено",
-  "Call link copied": "Посилання на виклик скопійовано",
+  "microphone_on": "Мікрофон увімкнено",
-  "Avatar": "Аватар",
+  "mute_microphone_button_label": "Вимкнути мікрофон",
-  "Audio": "Звук",
+  "rageshake_button_error_caption": "Повторити надсилання журналів",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Інший користувач у цьому виклику має проблему. Щоб краще визначити ці проблеми, ми хотіли б зібрати журнал налагодження.",
+  "rageshake_request_modal": {
-  "<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>",
+    "body": "Інший користувач у цьому виклику має проблему. Щоб краще визначити ці проблеми, ми хотіли б зібрати журнал налагодження.",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Створити обліковий запис</0> або <2>Отримати доступ як гість</2>",
+    "title": "Запит журналу налагодження"
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Уже маєте обліковий запис?</0><1><0>Увійти</0> Or <2>Отримати доступ як гість</2></1>",
+  },
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "rageshake_send_logs": "Надіслати журнал налагодження",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Приєднатися до виклику зараз</0><1>Or</1><2>Скопіювати посилання на виклик і приєднатися пізніше</2>",
+  "rageshake_sending": "Надсилання…",
-  "Element Call Home": "Домівка Element Call",
+  "rageshake_sending_logs": "Надсилання журналу налагодження…",
-  "Copy": "Копіювати",
+  "rageshake_sent": "Дякуємо!",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Надсилання журналів налагодження допоможе нам виявити проблему.</0>",
+  "recaptcha_caption": "Цей сайт захищений ReCAPTCHA і до нього застосовується <2>Політика приватності</2> і <6>Умови надання послуг</6> Google.<9></9>Натискаючи \"Зареєструватися\", ви погоджуєтеся з нашою <12>Ліцензійною угодою з кінцевим користувачем (EULA)</12>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Йой, щось пішло не за планом.</0>",
+  "recaptcha_dismissed": "Recaptcha не пройдено",
-  "Expose developer settings in the settings window.": "Відкрийте налаштування розробника у вікні налаштувань.",
+  "recaptcha_not_loaded": "Recaptcha не завантажено",
-  "Developer Settings": "Налаштування розробника",
+  "register": {
-  "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>.",
+    "passwords_must_match": "Паролі відрізняються",
-  "<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>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику.",
+    "registering": "Реєстрація…"
-  "Your feedback": "Ваш відгук",
+  },
-  "Thanks, we received your feedback!": "Дякуємо, ми отримали ваш відгук!",
+  "register_auth_links": "<0>Уже маєте обліковий запис?</0><1><0>Увійти</0> Or <2>Отримати доступ як гість</2></1>",
-  "Submitting…": "Надсилання…",
+  "register_confirm_password_label": "Підтвердити пароль",
-  "Submit": "Надіслати",
+  "return_home_button": "Повернутися на екран домівки",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Якщо у вас виникли проблеми або ви просто хочете залишити відгук, надішліть нам короткий опис нижче.",
+  "room_auth_view_eula_caption": "Натискаючи \"Приєднатися до виклику зараз\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
-  "Feedback": "Відгук",
+  "room_auth_view_join_button": "Приєднатися до виклику зараз",
-  "<0>Thanks for your feedback!</0>": "<0>Дякуємо за ваш відгук!</0>",
+  "screenshare_button_label": "Поділитися екраном",
-  "{{count}} stars|one": "{{count}} зірка",
+  "select_input_unset_button": "Вибрати опцію",
-  "{{count}} stars|other": "{{count}} зірок",
+  "settings": {
-  "{{displayName}}, your call has ended.": "{{displayName}}, ваш виклик завершено.",
+    "developer_settings_label": "Налаштування розробника",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Ми будемо раді почути ваші відгуки, щоб поліпшити роботу застосунку.</0>",
+    "developer_settings_label_description": "Відкрийте налаштування розробника у вікні налаштувань.",
-  "How did it go?": "Вам усе сподобалось?",
+    "developer_tab_title": "Розробнику",
-  "{{displayName}} is presenting": "{{displayName}} представляє",
+    "feedback_tab_body": "Якщо у вас виникли проблеми або ви просто хочете залишити відгук, надішліть нам короткий опис нижче.",
-  "Show connection stats": "Показати стан з'єднання",
+    "feedback_tab_description_label": "Ваш відгук",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Натискаючи \"Далі\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
+    "feedback_tab_h4": "Надіслати відгук",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Натискаючи \"Приєднатися до виклику зараз\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
+    "feedback_tab_send_logs_label": "Долучити журнали налагодження",
-  "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>": "Цей сайт захищений ReCAPTCHA і до нього застосовується <2>Політика приватності</2> і <6>Умови надання послуг</6> Google.<9></9>Натискаючи \"Зареєструватися\", ви погоджуєтеся з нашою <12>Ліцензійною угодою з кінцевим користувачем (EULA)</12>",
+    "feedback_tab_thank_you": "Дякуємо, ми отримали ваш відгук!",
-  "Element Call is temporarily not encrypted while we test scalability.": "Element Call тимчасово не шифрується, поки ми тестуємо масштабованість."
+    "feedback_tab_title": "Відгук",
+    "more_tab_title": "Докладніше",
+    "opt_in_description": "<0></0><1></1>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику.",
+    "show_connection_stats_label": "Показати стан з'єднання",
+    "speaker_device_selection_label": "Динамік"
+  },
+  "star_rating_input_label_one": "{{count}} зірок",
+  "star_rating_input_label_other": "{{count}} зірок",
+  "start_new_call": "Розпочати новий виклик",
+  "start_video_button_label": "Розпочати відео",
+  "stop_screenshare_button_label": "Презентація екрана",
+  "stop_video_button_label": "Зупинити відео",
+  "submitting": "Надсилання…",
+  "unauthenticated_view_body": "Ще не зареєстровані? <2>Створіть обліковий запис</2>",
+  "unauthenticated_view_eula_caption": "Натискаючи \"Далі\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
+  "unauthenticated_view_login_button": "Увійдіть до свого облікового запису",
+  "unmute_microphone_button_label": "Увімкнути мікрофон",
+  "version": "Версія: {{version}}",
+  "video_tile": {
+    "presenter_label": "{{displayName}} представляє",
+    "sfu_participant_local": "Ви"
+  },
+  "waiting_for_participants": "Очікування на інших учасників…"
 }

public/locales/vi/app.json

@@ -1,86 +1,80 @@
 {
-  "Login": "Đăng nhập",
+  "action": {
-  "Join call": "Tham gia cuộc gọi",
+    "close": "Đóng",
-  "Mute microphone": "Tắt micrô",
+    "copy": "Sao chép",
-  "Password": "Mật khẩu",
+    "no": "Không",
-  "Settings": "Cài đặt",
+    "register": "Đăng ký",
-  "Sending…": "Đang gửi…",
+    "sign_in": "Đăng nhập",
-  "Sign in": "Đăng nhập",
+    "sign_out": "Đăng xuất",
-  "Submit": "Gửi",
+    "submit": "Gửi"
-  "Video call name": "Tên cuộc gọi truyền hình",
+  },
-  "Video call": "Gọi truyền hình",
+  "call_ended_view": {
-  "Video": "Truyền hình",
+    "create_account_button": "Tạo tài khoản",
-  "Username": "Tên người dùng",
+    "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>",
-  "Yes, join call": "Vâng, tham gia cuộc gọi",
+    "feedback_done": "<0>Cảm hơn vì đã phản hồi!</0>",
-  "Your feedback": "Phản hồi của bạn",
+    "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>",
-  "Your recent calls": "Cuộc gọi gần đây",
+    "headline": "{{displayName}}, cuộc gọi đã kết thúc."
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC không được hỗ trợ hay bị chặn trong trình duyệt này.",
+  },
-  "Waiting for other participants…": "Đang đợi những người khác…",
+  "common": {
-  "Version: {{version}}": "Phiên bản: {{version}}",
+    "audio": "Âm thanh",
-  "Turn on camera": "Bật máy quay",
+    "avatar": "Ảnh đại diện",
-  "Turn off camera": "Tắt máy quay",
+    "camera": "Máy quay",
-  "Submit feedback": "Gửi phản hồi",
+    "copied": "Đã sao chép!",
-  "Stop sharing screen": "Ngừng chia sẻ màn hình",
+    "display_name": "Tên hiển thị",
-  "Speaker": "Loa",
+    "loading": "Đang tải…",
-  "Sign out": "Đăng xuất",
+    "microphone": "Micrô",
-  "Share screen": "Chia sẻ màn hình",
+    "password": "Mật khẩu",
-  "No": "Không",
+    "profile": "Hồ sơ",
-  "Invite people": "Mời mọi người",
+    "settings": "Cài đặt",
-  "Join call now": "Tham gia cuộc gọi",
+    "username": "Tên người dùng",
-  "Create account": "Tạo tài khoản",
+    "video": "Truyền hình"
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  },
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Tạo tài khoản</0> Hay <2>Tham gia dưới tên khác</2>",
+  "exit_fullscreen_button_label": "Rời chế độ toàn màn hình",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Tham gia cuộc gọi</0><1>hay</1><2>Sao chép liên kết cuộc gọi và tham gia sau</2>",
+  "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>",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<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>",
-  "Avatar": "Ảnh đại diện",
+  "fullscreen_button_label": "Toàn màn hình",
-  "Audio": "Âm thanh",
+  "join_existing_call_modal": {
-  "Camera": "Máy quay",
+    "join_button": "Vâng, tham gia cuộc gọi",
-  "Call link copied": "Đã sao chép liên kết cuộc gọi",
+    "text": "Cuộc gọi đã tồn tại, bạn có muốn tham gia không?",
-  "Copied!": "Đã sao chép!",
+    "title": "Tham gia cuộc gọi?"
-  "Confirm password": "Xác nhận mật khẩu",
+  },
-  "Close": "Đóng",
+  "layout_spotlight_label": "Tiêu điểm",
-  "Change layout": "Thay đổi bố cục",
+  "lobby": {
-  "Debug log": "Nhật ký gỡ lỗi",
+    "join_button": "Tham gia cuộc gọi"
-  "Copy": "Sao chép",
+  },
-  "Copy and share this call link": "Sao chép và chia sẻ liên kết cuộc gọi này",
+  "logging_in": "Đang đăng nhập…",
-  "Display name": "Tên hiển thị",
+  "login_auth_links": "<0>Tạo tài khoản</0> Hay <2>Tham gia dưới tên khác</2>",
-  "Developer Settings": "Cài đặt phát triển",
+  "login_title": "Đăng nhập",
-  "Developer": "Nhà phát triển",
+  "rageshake_request_modal": {
-  "Details": "Chi tiết",
+    "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.",
-  "Download debug logs": "Tải xuống nhật ký gỡ lỗi",
+    "title": "Yêu cầu nhật ký gỡ lỗi"
-  "Feedback": "Phản hồi",
+  },
-  "Full screen": "Toàn màn hình",
+  "rageshake_sending": "Đang gửi…",
-  "Incompatible versions!": "Phiên bản không tương thích!",
+  "recaptcha_not_loaded": "Chưa tải được Recaptcha",
-  "Incompatible versions": "Phiên bản không tương thích",
+  "register": {
-  "Include debug logs": "Kèm theo nhật ký gỡ lỗi",
+    "passwords_must_match": "Mật khẩu phải khớp",
-  "Invite": "Mời",
+    "registering": "Đang đăng ký…"
-  "Join existing call?": "Tham gia cuộc gọi?",
+  },
-  "Leave": "Rời",
+  "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>",
-  "Loading…": "Đang tải…",
+  "register_confirm_password_label": "Xác nhận mật khẩu",
-  "Logging in…": "Đang đăng nhập…",
+  "room_auth_view_join_button": "Tham gia cuộc gọi",
-  "Login to your account": "Đăng nhập vào tài khoản của bạn",
+  "screenshare_button_label": "Chia sẻ màn hình",
-  "Microphone": "Micrô",
+  "settings": {
-  "Not registered yet? <2>Create an account</2>": "Chưa đăng ký? <2>Tạo tài khoản</2>",
+    "developer_settings_label": "Cài đặt phát triển",
-  "Passwords must match": "Mật khẩu phải khớp",
+    "developer_tab_title": "Nhà phát triển",
-  "Register": "Đăng ký",
+    "feedback_tab_description_label": "Phản hồi của bạn",
-  "Spotlight": "Tiêu điểm",
+    "feedback_tab_h4": "Gửi phản hồi",
-  "Submitting…": "Đang gửi…",
+    "feedback_tab_send_logs_label": "Kèm theo nhật ký gỡ lỗi",
-  "Thanks, we received your feedback!": "Cảm ơn, chúng tôi đã nhận được phản hồi!",
+    "feedback_tab_thank_you": "Cảm ơn, chúng tôi đã nhận được phản hồi!",
-  "Walkie-talkie call": "Cuộc gọi thoại",
+    "feedback_tab_title": "Phản hồi",
-  "Walkie-talkie call name": "Tên cuộc gọi thoại",
+    "speaker_device_selection_label": "Loa"
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<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>",
+  },
-  "Exit full screen": "Rời chế độ toàn màn hình",
+  "submitting": "Đang gửi…",
-  "Profile": "Hồ sơ",
+  "unauthenticated_view_body": "Chưa đăng ký? <2>Tạo tài khoản</2>",
-  "Registering…": "Đang đăng ký…",
+  "unauthenticated_view_login_button": "Đăng nhập vào tài khoản của bạn",
-  "Unmute microphone": "Bật micrô",
+  "version": "Phiên bản: {{version}}",
-  "This call already exists, would you like to join?": "Cuộc gọi đã tồn tại, bạn có muốn tham gia không?",
+  "video_tile": {
-  "Recaptcha not loaded": "Chưa tải được Recaptcha",
+    "presenter_label": "{{displayName}} đang trình bày"
-  "Debug log request": "Yêu cầu nhật ký gỡ lỗi",
+  },
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "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.",
+  "waiting_for_participants": "Đang đợi những người khác…"
-  "<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>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>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ối, có cái gì đó sai.</0>",
-  "{{displayName}} is presenting": "{{displayName}} đang trình bày",
-  "{{displayName}}, your call has ended.": "{{displayName}}, cuộc gọi đã kết thúc.",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<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>",
-  "<0>Thanks for your feedback!</0>": "<0>Cảm hơn vì đã phản hồi!</0>"
 }

public/locales/zh-Hans/app.json

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

public/locales/zh-Hant/app.json

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

renovate.json

@@ -0,0 +1,27 @@
+{
+  "$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
+    }
+  ],
+  "semanticCommits": "disabled",
+  "ignoreDeps": [
+    "@react-aria/button",
+    "@react-aria/focus",
+    "@react-aria/menu",
+    "@react-aria/overlays",
+    "@react-aria/select",
+    "@react-aria/tabs",
+    "@react-aria/tooltip",
+    "@react-aria/utils",
+    "@react-stately/collections",
+    "@react-stately/select",
+    "@react-stately/tooltip",
+    "@react-stately/tree",
+    "@react-types/dialog"
+  ]
+}

src/@types/i18next.d.ts

@@ -0,0 +1,29 @@
+/*
+Copyright 2023 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import "i18next";
+// import all namespaces (for the default language, only)
+import app from "../../public/locales/en-GB/app.json";
+
+declare module "i18next" {
+  interface CustomTypeOptions {
+    defaultNS: "app";
+    keySeparator: ".";
+    resources: {
+      app: typeof app;
+    };
+  }
+}

src/App.tsx

@@ -14,50 +14,84 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import { 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 { TooltipProvider } from "@vector-im/compound-web";
 
 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";
+import { widget } from "./widget";
+import { useTheme } from "./useTheme";
 
 const SentryRoute = Sentry.withSentryRouting(Route);
 
+interface SimpleProviderProps {
+  children: JSX.Element;
+}
+
+const BackgroundProvider: FC<SimpleProviderProps> = ({ children }) => {
+  const { pathname } = useLocation();
+
+  useEffect(() => {
+    let backgroundImage = "";
+    if (!["/login", "/register"].includes(pathname) && !widget) {
+      backgroundImage = "var(--background-gradient)";
+    }
+
+    document.getElementsByTagName("body")[0].style.backgroundImage =
+      backgroundImage;
+  }, [pathname]);
+
+  return <>{children}</>;
+};
+const ThemeProvider: FC<SimpleProviderProps> = ({ children }) => {
+  useTheme();
+  return children;
+};
+
 interface AppProps {
   history: History;
 }
 
-export default function App({ history }: AppProps) {
+export const App: FC<AppProps> = ({ history }) => {
   const [loaded, setLoaded] = useState(false);
-
   useEffect(() => {
     Initializer.init()?.then(() => {
       setLoaded(true);
     });
   });
 
-  usePageFocusStyle();
-
   const errorPage = <CrashView />;
 
   return (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
     <Router history={history}>
+      <BackgroundProvider>
+        <ThemeProvider>
+          <TooltipProvider>
             {loaded ? (
               <Suspense fallback={null}>
                 <ClientProvider>
-            <InspectorContextProvider>
+                  <MediaDevicesProvider>
                     <Sentry.ErrorBoundary fallback={errorPage}>
                       <OverlayProvider>
+                        <DisconnectedBanner />
                         <Switch>
                           <SentryRoute exact path="/">
                             <HomePage />
@@ -68,24 +102,21 @@ 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 />
             )}
+          </TooltipProvider>
+        </ThemeProvider>
+      </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 { useMemo, CSSProperties, HTMLAttributes, FC } 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 HTMLAttributes<HTMLDivElement> {
-  bgKey?: string;
   src?: string;
   size?: Size | number;
-  className?: string;
-  style?: CSSProperties;
-  fallback: string;
 }
 
 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

@@ -18,5 +18,5 @@ limitations under the License.
   flex: 1;
   border-radius: 8px;
   padding: 16px;
-  background-color: var(--subtle-primary);
+  background-color: var(--cpd-color-bg-subtle-primary);
 }

src/Banner.tsx

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import { ReactNode } from "react";
+import { FC, ReactNode } from "react";
 
 import styles from "./Banner.module.css";
 
@@ -22,6 +22,6 @@ interface Props {
   children: ReactNode;
 }
 
-export const Banner = ({ children }: Props) => {
+export const Banner: FC<Props> = ({ children }) => {
   return <div className={styles.banner}>{children}</div>;
 };

src/ClientContext.tsx

@@ -20,20 +20,21 @@ import {
   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,177 +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;
-
-          const livekit = Config.get().livekit;
-
-          try {
-            return {
-              client: await initClient(
-                {
-                  baseUrl: Config.defaultHomeserverUrl(),
-                  accessToken: access_token,
-                  userId: user_id,
-                  deviceId: device_id,
-                  fallbackICEServerAllowed: fallbackICEServerAllowed,
-                  livekitServiceURL: livekit?.livekit_service_url,
-                },
-                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,
-                    livekitServiceURL: livekit?.livekit_service_url,
-                  },
-                  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: {
@@ -225,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();
 
@@ -303,61 +249,178 @@ export const ClientProvider: FC<Props> = ({ children }) => {
     if (!widget) loadChannel?.postMessage({});
   }, []);
 
+  const [alreadyOpenedErr, setAlreadyOpenedErr] = useState<Error | undefined>(
+    undefined,
+  );
   useEventTarget(
     loadChannel,
     "message",
     useCallback(() => {
-      client?.stopClient();
+      initClientState?.client.stopClient();
-
+      setAlreadyOpenedErr(translatedError("application_opened_another_tab", t));
-      setState((prev) => ({
+    }, [initClientState?.client, setAlreadyOpenedErr, t]),
-        ...prev,
-        error: translatedError(
-          "This application has been opened in another tab.",
-          t
-        ),
-      }));
-    }, [client, setState, t])
   );
 
-  const context = useMemo<ClientState>(
+  const [isDisconnected, setIsDisconnected] = useState(false);
-    () => ({
+
-      loading,
+  const state: ClientState | undefined = useMemo(() => {
-      isAuthenticated,
+    if (alreadyOpenedErr) {
-      isPasswordlessUser,
+      return { state: "error", error: alreadyOpenedErr };
-      client,
+    }
+
+    if (initClientState === undefined) return undefined;
+
+    const authenticated =
+      initClientState === null
+        ? undefined
+        : {
+            client: initClientState.client,
+            isPasswordlessUser: initClientState.passwordlessUser,
             changePassword,
             logout,
-      userName,
+          };
+
+    return {
+      state: "valid",
+      authenticated,
       setClient,
-      error: undefined,
+      disconnected: isDisconnected,
-    }),
+    };
-    [
+  }, [
-      loading,
+    alreadyOpenedErr,
-      isAuthenticated,
-      isPasswordlessUser,
-      client,
     changePassword,
+    initClientState,
     logout,
-      userName,
     setClient,
-    ]
+    isDisconnected,
+  ]);
+
+  const onSync = useCallback(
+    (state: SyncState, _old: SyncState | null, data?: ISyncStateData) => {
+      setIsDisconnected(clientIsDisconnected(state, data));
+    },
+    [],
   );
 
   useEffect(() => {
-    window.matrixclient = client;
+    if (!initClientState) {
-    window.isPasswordlessUser = isPasswordlessUser;
+      return;
+    }
+
+    window.matrixclient = initClientState.client;
+    window.passwordlessUser = initClientState.passwordlessUser;
 
     if (PosthogAnalytics.hasInstance())
       PosthogAnalytics.instance.onLoginStatusChanged();
-  }, [client, isPasswordlessUser]);
 
-  if (error) {
+    if (initClientState.client) {
-    return <ErrorView error={error} />;
+      initClientState.client.on(ClientEvent.Sync, onSync);
+    }
+
+    return () => {
+      if (initClientState.client) {
+        initClientState.client.removeListener(ClientEvent.Sync, onSync);
+      }
+    };
+  }, [initClientState, onSync]);
+
+  if (alreadyOpenedErr) {
+    return <ErrorView error={alreadyOpenedErr} />;
   }
 
   return (
-    <ClientContext.Provider value={context}>{children}</ClientContext.Provider>
+    <ClientContext.Provider value={state}>{children}</ClientContext.Provider>
   );
 };
 
-export const useClient = () => useContext(ClientContext);
+type InitResult = {
+  client: MatrixClient;
+  passwordlessUser: boolean;
+};
+
+async function loadClient(): Promise<InitResult | null> {
+  if (widget) {
+    // We're inside a widget, so let's engage *matryoshka mode*
+    logger.log("Using a matryoshka client");
+    const client = await widget.client;
+    return {
+      client,
+      passwordlessUser: false,
+    };
+  } else {
+    // We're running as a standalone application
+    try {
+      const session = loadSession();
+      if (!session) {
+        logger.log("No session stored; continuing without a client");
+        return null;
+      }
+
+      logger.log("Using a standalone client");
+
+      /* eslint-disable camelcase */
+      const { user_id, device_id, access_token, passwordlessUser } = session;
+      const initClientParams = {
+        baseUrl: Config.defaultHomeserverUrl()!,
+        accessToken: access_token,
+        userId: user_id,
+        deviceId: device_id,
+        fallbackICEServerAllowed: fallbackICEServerAllowed,
+        livekitServiceURL: Config.get().livekit!.livekit_service_url,
+      };
+
+      try {
+        const client = await initClient(initClientParams, true);
+        return {
+          client,
+          passwordlessUser,
+        };
+      } catch (err) {
+        if (err instanceof CryptoStoreIntegrityError) {
+          // We can't use this session anymore, so let's log it out
+          try {
+            const client = await initClient(initClientParams, false); // Don't need the crypto store just to log out)
+            await client.logout(true);
+          } catch (err) {
+            logger.warn(
+              "The previous session was lost, and we couldn't log it out, " +
+                err +
+                "either",
+            );
+          }
+        }
+        throw err;
+      }
+      /* eslint-enable camelcase */
+    } catch (err) {
+      clearSession();
+      throw err;
+    }
+  }
+}
+
+export interface Session {
+  user_id: string;
+  device_id: string;
+  access_token: string;
+  passwordlessUser: boolean;
+  tempPassword?: string;
+}
+
+const clearSession = (): void => localStorage.removeItem("matrix-auth-store");
+const saveSession = (s: Session): void =>
+  localStorage.setItem("matrix-auth-store", JSON.stringify(s));
+const loadSession = (): Session | undefined => {
+  const data = localStorage.getItem("matrix-auth-store");
+  if (!data) {
+    return undefined;
+  }
+
+  return JSON.parse(data);
+};
+
+const clientIsDisconnected = (
+  syncState: SyncState,
+  syncData?: ISyncStateData,
+): boolean =>
+  syncState === "ERROR" && syncData?.error?.name === "ConnectionError";

src/DisconnectedBanner.module.css

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 New Vector Ltd
+Copyright 2023 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -14,29 +14,14 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.facepile {
+.banner {
-  width: 100%;
-  position: relative;
-}
-
-.facepile.xs {
-  height: 24px;
-}
-
-.facepile.sm {
-  height: 32px;
-}
-
-.facepile.md {
-  height: 36px;
-}
-
-.facepile .avatar {
   position: absolute;
-  top: 0;
+  padding: 29px;
-  border: 1px solid var(--system);
+  background-color: var(--cpd-color-bg-subtle-primary);
-}
+  vertical-align: middle;
-
+  font-size: var(--font-size-body);
-.facepile.md .avatar {
+  text-align: center;
-  border-width: 2px;
+  z-index: 1;
+  top: 76px;
+  width: calc(100% - 58px);
 }

src/DisconnectedBanner.tsx

@@ -0,0 +1,53 @@
+/*
+Copyright 2023 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import classNames from "classnames";
+import { FC, HTMLAttributes, ReactNode } from "react";
+import { useTranslation } from "react-i18next";
+
+import styles from "./DisconnectedBanner.module.css";
+import { ValidClientState, useClientState } from "./ClientContext";
+
+interface Props extends HTMLAttributes<HTMLElement> {
+  children?: ReactNode;
+  className?: string;
+}
+
+export const DisconnectedBanner: FC<Props> = ({
+  children,
+  className,
+  ...rest
+}) => {
+  const { t } = useTranslation();
+  const clientState = useClientState();
+  let shouldShowBanner = false;
+
+  if (clientState?.state === "valid") {
+    const validClientState = clientState as ValidClientState;
+    shouldShowBanner = validClientState.disconnected;
+  }
+
+  return (
+    <>
+      {shouldShowBanner && (
+        <div className={classNames(styles.banner, className)} {...rest}>
+          {children}
+          {t("disconnected_banner")}
+        </div>
+      )}
+    </>
+  );
+};

src/E2EELock.tsx

@@ -1,58 +0,0 @@
-/*
-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 { useTranslation } from "react-i18next";
-import { useCallback } from "react";
-import { useObjectRef } from "@react-aria/utils";
-import { useButton } from "@react-aria/button";
-
-import styles from "./E2EELock.module.css";
-import { ReactComponent as LockOffIcon } from "./icons/LockOff.svg";
-import { TooltipTrigger } from "./Tooltip";
-
-export const E2EELock = () => {
-  const { t } = useTranslation();
-  const tooltip = useCallback(
-    () =>
-      t(
-        "Element Call is temporarily not end-to-end encrypted while we test scalability."
-      ),
-    [t]
-  );
-
-  return (
-    <TooltipTrigger placement="right" tooltip={tooltip}>
-      <Icon />
-    </TooltipTrigger>
-  );
-};
-
-/**
- * This component is a bit of hack - for some reason for the TooltipTrigger to
- * work, it needs to contain a component which uses the useButton hook; please
- * note that for some reason this also needs to be a separate component and we
- * cannot just use the useButton hook inside the E2EELock.
- */
-const Icon = () => {
-  const buttonRef = useObjectRef<HTMLDivElement>();
-  const { buttonProps } = useButton({}, buttonRef);
-
-  return (
-    <div ref={buttonRef} className={styles.e2eeLock} {...buttonProps}>
-      <LockOffIcon />
-    </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 { 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 { 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,11 +29,11 @@ limitations under the License.
   flex: 1;
   align-items: center;
   white-space: nowrap;
-  padding: 0 20px;
+  height: 80px;
-  height: 64px;
 }
 
 .headerLogo {
+  color: var(--cpd-color-text-primary);
   display: none;
   align-items: center;
   text-decoration: none;
@@ -66,81 +67,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 +124,4 @@ limitations under the License.
   .leftNav h3 {
     font-size: var(--font-size-subtitle);
   }
-
-  .nav {
-    height: 76px;
-  }
 }

src/Header.stories.jsx

@@ -1,105 +0,0 @@
-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,30 +15,30 @@ limitations under the License.
 */
 
 import classNames from "classnames";
-import { HTMLAttributes, ReactNode, useCallback } from "react";
+import { FC, HTMLAttributes, ReactNode } from "react";
 import { Link } from "react-router-dom";
-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 { Avatar, Size } from "./Avatar";
-import { ReactComponent as Logo } from "./icons/Logo.svg";
+import { EncryptionLock } from "./room/EncryptionLock";
-import { Subtitle } from "./typography/Typography";
+import { useMediaQuery } from "./useMediaQuery";
-import { IncompatibleVersionModal } from "./IncompatibleVersionModal";
 
 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;
@@ -46,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;
@@ -73,86 +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,
-}
+  name,
-
+  avatarUrl,
-export function RoomHeaderInfo({ roomName }: RoomHeaderInfo) {
+  encrypted,
-  return (
+  participantCount,
-    <>
+}) => {
-      <Subtitle data-testid="roomHeader_roomName" fontWeight="semiBold">
-        {roomName}
-      </Subtitle>
-    </>
-  );
-}
-
-interface VersionMismatchWarningProps {
-  users: Set<string>;
-  room: Room;
-}
-
-export function VersionMismatchWarning({
-  users,
-  room,
-}: VersionMismatchWarningProps) {
   const { t } = useTranslation();
-  const { modalState, modalProps } = useModalTriggerState();
+  const size = useMediaQuery("(max-width: 550px)") ? "sm" : "lg";
-
-  const onDetailsClick = useCallback(() => {
-    modalState.open();
-  }, [modalState]);
-
-  if (users.size === 0) return null;
 
   return (
-    <span className={styles.versionMismatchWarning}>
+    <div className={styles.roomHeaderInfo} data-size={size}>
-      {t("Incompatible versions!")}
+      <Avatar
-      <Button variant="link" onClick={onDetailsClick}>
+        className={styles.roomAvatar}
-        {t("Details")}
+        id={id}
-      </Button>
+        name={name}
-      {modalState.isOpen && (
+        size={size === "sm" ? Size.SM : 56}
-        <IncompatibleVersionModal userIds={users} room={room} {...modalProps} />
+        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>
       )}
-    </span>
+    </div>
   );
-}
+};

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

src/Modal.module.css

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

src/Modal.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 New Vector Ltd
+Copyright 2023 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -14,123 +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 { 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 { useButton } from "@react-aria/button";
-import classNames from "classnames";
 import { AriaDialogProps } from "@react-types/dialog";
 import { useTranslation } from "react-i18next";
+import {
+  Root as DialogRoot,
+  Portal as DialogPortal,
+  Overlay as DialogOverlay,
+  Content as DialogContent,
+  Title as DialogTitle,
+  Close as DialogClose,
+} from "@radix-ui/react-dialog";
+import { Drawer } from "vaul";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import CloseIcon from "@vector-im/compound-design-tokens/icons/close.svg?react";
+import classNames from "classnames";
+import { Heading, Glass } from "@vector-im/compound-web";
 
-import { ReactComponent as CloseIcon } from "./icons/Close.svg";
 import styles from "./Modal.module.css";
+import overlayStyles from "./Overlay.module.css";
+import { useMediaQuery } from "./useMediaQuery";
 
-export interface ModalProps extends OverlayProps, AriaDialogProps {
+// TODO: Support tabs
+export interface Props extends AriaDialogProps {
   title: string;
   children: ReactNode;
   className?: string;
-  mobileFullScreen?: boolean;
+  /**
-  onClose: () => void;
+   * The controlled open state of the modal.
+   */
+  // An option to leave the open state uncontrolled is intentionally not
+  // provided, since modals are always opened due to external triggers, and it
+  // is the author's belief that controlled components lead to more obvious code.
+  open: boolean;
+  /**
+   * Callback for when the user dismisses the modal. If undefined, the modal
+   * will be non-dismissable.
+   */
+  onDismiss?: () => void;
 }
 
-export function Modal({
+/**
+ * A modal, taking the form of a drawer / bottom sheet on touchscreen devices,
+ * and a dialog box on desktop.
+ */
+export const Modal: FC<Props> = ({
   title,
   children,
   className,
-  mobileFullScreen,
+  open,
-  onClose,
+  onDismiss,
   ...rest
-}: ModalProps) {
+}) => {
   const { t } = useTranslation();
-  const modalRef = useRef();
+  // Empirically, Chrome on Android can end up not matching (hover: none), but
-  const { overlayProps, underlayProps } = useOverlay(
+  // still matching (pointer: coarse) :/
-    { ...rest, onClose },
+  const touchscreen = useMediaQuery("(hover: none) or (pointer: coarse)");
-    modalRef
+  const onOpenChange = useCallback(
-  );
+    (open: boolean) => {
-  usePreventScroll();
+      if (!open) onDismiss?.();
-  const { modalProps } = useModal();
-  const { dialogProps, titleProps } = useDialog(rest, modalRef);
-  const closeButtonRef = useRef();
-  const { buttonProps: closeButtonProps } = useButton(
-    {
-      onPress: () => onClose(),
     },
-    closeButtonRef
+    [onDismiss],
   );
 
+  if (touchscreen) {
     return (
-    <OverlayContainer>
+      <Drawer.Root
-      <div className={styles.modalOverlay} {...underlayProps}>
+        open={open}
-        <FocusScope contain restoreFocus autoFocus>
+        onOpenChange={onOpenChange}
-          <div
+        dismissible={onDismiss !== undefined}
-            {...overlayProps}
+      >
-            {...dialogProps}
+        <Drawer.Portal>
-            {...modalProps}
+          <Drawer.Overlay className={classNames(overlayStyles.bg)} />
-            ref={modalRef}
+          <Drawer.Content
             className={classNames(
+              className,
+              overlayStyles.overlay,
               styles.modal,
-              { [styles.mobileFullScreen]: mobileFullScreen },
+              styles.drawer,
-              className
+            )}
+            {...rest}
+          >
+            <div className={styles.content}>
+              <div className={styles.header}>
+                <div className={styles.handle} />
+                <VisuallyHidden asChild>
+                  <Drawer.Title>{title}</Drawer.Title>
+                </VisuallyHidden>
+              </div>
+              <div className={styles.body}>{children}</div>
+            </div>
+          </Drawer.Content>
+        </Drawer.Portal>
+      </Drawer.Root>
+    );
+  } else {
+    return (
+      <DialogRoot open={open} onOpenChange={onOpenChange}>
+        <DialogPortal>
+          <DialogOverlay
+            className={classNames(overlayStyles.bg, overlayStyles.animate)}
+          />
+          <DialogContent asChild {...rest}>
+            <Glass
+              className={classNames(
+                className,
+                overlayStyles.overlay,
+                overlayStyles.animate,
+                styles.modal,
+                styles.dialog,
               )}
             >
-            <div className={styles.modalHeader}>
+              <div className={styles.content}>
-              <h3 {...titleProps}>{title}</h3>
+                <div className={styles.header}>
-              <button
+                  <DialogTitle asChild>
-                {...closeButtonProps}
+                    <Heading as="h2" weight="semibold" size="md">
-                ref={closeButtonRef}
+                      {title}
-                className={styles.closeButton}
+                    </Heading>
+                  </DialogTitle>
+                  {onDismiss !== undefined && (
+                    <DialogClose
+                      className={styles.close}
                       data-testid="modal_close"
-                title={t("Close")}
+                      aria-label={t("action.close")}
                     >
-                <CloseIcon />
+                      <CloseIcon width={20} height={20} />
-              </button>
+                    </DialogClose>
+                  )}
                 </div>
-            {children}
+                <div className={styles.body}>{children}</div>
               </div>
-        </FocusScope>
+            </Glass>
-      </div>
+          </DialogContent>
-    </OverlayContainer>
+        </DialogPortal>
+      </DialogRoot>
     );
-}
+  }
-
+};
-interface ModalContentProps {
-  children: ReactNode;
-  className?: string;
-}
-
-export function ModalContent({
-  children,
-  className,
-  ...rest
-}: ModalContentProps) {
-  return (
-    <div className={classNames(styles.content, className)} {...rest}>
-      {children}
-    </div>
-  );
-}
-
-export function useModalTriggerState(): {
-  modalState: OverlayTriggerState;
-  modalProps: { isOpen: boolean; onClose: () => void };
-} {
-  const modalState = useOverlayTriggerState({});
-  const modalProps = useMemo(
-    () => ({ isOpen: modalState.isOpen, onClose: modalState.close }),
-    [modalState]
-  );
-  return { modalState, modalProps };
-}

src/Overlay.module.css

@@ -0,0 +1,97 @@
+/*
+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;
+  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;
+}
+
+.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 { 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/Slider.module.css

@@ -0,0 +1,66 @@
+/*
+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.
+*/
+
+.slider {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+.track {
+  flex-grow: 1;
+  border-radius: var(--cpd-radius-pill-effect);
+  background: var(--cpd-color-bg-subtle-primary);
+  height: var(--cpd-space-2x);
+  outline: var(--cpd-border-width-1) solid
+    var(--cpd-color-border-interactive-primary);
+  outline-offset: calc(-1 * var(--cpd-border-width-1));
+  cursor: pointer;
+  transition: outline-color ease 0.15s;
+}
+
+.track[data-disabled] {
+  cursor: initial;
+  outline-color: var(--cpd-color-border-disabled);
+}
+
+.highlight {
+  background: var(--cpd-color-bg-action-primary-rest);
+  position: absolute;
+  block-size: 100%;
+  border-radius: var(--cpd-radius-pill-effect);
+  transition: background-color ease 0.15s;
+}
+
+.highlight[data-disabled] {
+  background: var(--cpd-color-bg-action-primary-disabled);
+}
+
+.handle {
+  display: block;
+  block-size: var(--cpd-space-4x);
+  inline-size: var(--cpd-space-4x);
+  border-radius: var(--cpd-radius-pill-effect);
+  background: var(--cpd-color-bg-action-primary-rest);
+  box-shadow: 0 0 0 2px var(--cpd-color-bg-canvas-default);
+  cursor: pointer;
+  transition: background-color ease 0.15s;
+}
+
+.handle[data-disabled] {
+  cursor: initial;
+  background: var(--cpd-color-bg-action-primary-disabled);
+}

src/Slider.tsx

@@ -0,0 +1,68 @@
+/*
+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, useCallback } from "react";
+import { Root, Track, Range, Thumb } from "@radix-ui/react-slider";
+import classNames from "classnames";
+
+import styles from "./Slider.module.css";
+
+interface Props {
+  className?: string;
+  label: string;
+  value: number;
+  onValueChange: (value: number) => void;
+  min: number;
+  max: number;
+  step: number;
+  disabled?: boolean;
+}
+
+/**
+ * A slider control allowing a value to be selected from a range.
+ */
+export const Slider: FC<Props> = ({
+  className,
+  label,
+  value,
+  onValueChange: onValueChangeProp,
+  min,
+  max,
+  step,
+  disabled,
+}) => {
+  const onValueChange = useCallback(
+    ([v]: number[]) => onValueChangeProp(v),
+    [onValueChangeProp],
+  );
+
+  return (
+    <Root
+      className={classNames(className, styles.slider)}
+      value={[value]}
+      onValueChange={onValueChange}
+      min={min}
+      max={max}
+      step={step}
+      disabled={disabled}
+    >
+      <Track className={styles.track}>
+        <Range className={styles.highlight} />
+      </Track>
+      <Thumb className={styles.handle} aria-label={label} />
+    </Root>
+  );
+};

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

@@ -43,7 +43,7 @@ interface TooltipProps {
 const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
   (
     { state, className, children, ...rest }: TooltipProps,
-    ref: ForwardedRef<HTMLDivElement>
+    ref: ForwardedRef<HTMLDivElement>,
   ) => {
     const { tooltipProps } = useTooltip(rest, state);
 
@@ -56,9 +56,11 @@ const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
         {children}
       </div>
     );
-  }
+  },
 );
 
+Tooltip.displayName = "Tooltip";
+
 interface TooltipTriggerProps {
   children: ReactElement;
   placement?: Placement;
@@ -69,16 +71,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 +96,7 @@ export const TooltipTrigger = forwardRef<HTMLElement, TooltipTriggerProps>(
         <children.type
           {...mergeProps<typeof children.props | typeof rest>(
             children.props,
-            rest
+            rest,
           )}
         />
         {tooltipState.isOpen && (
@@ -110,5 +112,7 @@ export const TooltipTrigger = forwardRef<HTMLElement, TooltipTriggerProps>(
         )}
       </FocusableProvider>
     );
-  }
+  },
 );
+
+TooltipTrigger.displayName = "TooltipTrigger";

src/TranslatedError.ts

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import i18n from "i18next";
+import type { DefaultNamespace, ParseKeys, TFunction, TOptions } from "i18next";
 
 /**
  * An error with messages in both English and the user's preferred language.
@@ -27,8 +27,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 +40,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: TFunction<"app", undefined>,
+): 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";
 
-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 @@ interface UrlParams {
    * Whether to hide the room header when in a call.
    */
   hideHeader: boolean;
+  /**
+   * Whether the controls should be shown. For screen recording no controls can be desired.
+   */
+  showControls: boolean;
   /**
    * Whether to hide the screen-sharing button.
    */
   hideScreensharing: boolean;
-  /**
-   * Whether to start a walkie-talkie call instead of a video call.
-   */
-  isPtt: boolean;
   /**
    * Whether to use end-to-end encryption.
    */
@@ -84,63 +111,145 @@ interface UrlParams {
    * user's homeserver doesn't provide any.
    */
   allowIceFallback: boolean;
+  /**
+   * E2EE password
+   */
+  password: string | null;
+  /**
+   * Whether we the app should use per participant keys for E2EE.
+   */
+  perParticipantE2EE: boolean;
+  /**
+   * Setting this flag skips the lobby and brings you in the call directly.
+   * In the widget this can be combined with preload to pass the device settings
+   * with the join widget action.
+   */
+  skipLobby: boolean;
+  /**
+   * Setting this flag makes element call show the lobby after leaving a call.
+   * This is useful for video rooms.
+   */
+  returnToLobby: boolean;
+  /**
+   * The theme to use for element call.
+   * can be "light", "dark", "light-high-contrast" or "dark-high-contrast".
+   */
+  theme: string | null;
+  /** This defines the homeserver that is going to be used when joining a room.
+   * It has to be set to a non default value for links to rooms
+   * that are not on the default homeserver,
+   * that is in use for the current user.
+   */
+  viaServers: string | null;
+  /**
+   * This defines the homeserver that is going to be used when registering
+   * a new (guest) user.
+   * This can be user to configure a non default guest user server when
+   * creating a spa link.
+   */
+  homeserver: string | null;
 }
 
-/**
+// This is here as a stopgap, but what would be far nicer is a function that
- * Gets the app parameters for the current URL.
+// takes a UrlParams and returns a query string. That would enable us to
- * @param query The URL query string
+// consolidate all the data about URL parameters and their meanings to this one
- * @param fragment The URL fragment string
+// file.
- * @returns The app parameters encoded in the URL
+export function editFragmentQuery(
- */
+  hash: string,
-export const getUrlParams = (
+  edit: (params: URLSearchParams) => URLSearchParams,
-  query: string = window.location.search,
+): string {
-  fragment: string = window.location.hash
+  const fragmentQueryStart = hash.indexOf("?");
-): UrlParams => {
+  const fragmentParams = edit(
-  const fragmentQueryStart = fragment.indexOf("?");
+    new URLSearchParams(
-  const fragmentParams = new URLSearchParams(
+      fragmentQueryStart === -1 ? "" : hash.substring(fragmentQueryStart),
-    fragmentQueryStart === -1 ? "" : fragment.substring(fragmentQueryStart)
+    ),
   );
-  const queryParams = new URLSearchParams(query);
+  return `${hash.substring(
+    0,
+    fragmentQueryStart,
+  )}?${fragmentParams.toString()}`;
+}
+
+class ParamParser {
+  private fragmentParams: URLSearchParams;
+  private queryParams: URLSearchParams;
+
+  public constructor(search: string, hash: string) {
+    this.queryParams = new URLSearchParams(search);
+
+    const fragmentQueryStart = hash.indexOf("?");
+    this.fragmentParams = new URLSearchParams(
+      fragmentQueryStart === -1 ? "" : hash.substring(fragmentQueryStart),
+    );
+  }
 
   // Normally, URL params should be encoded in the fragment so as to avoid
   // leaking them to the server. However, we also check the normal query
   // string for backwards compatibility with versions that only used that.
-  const hasParam = (name: string): boolean =>
+  public getParam(name: string): string | null {
-    fragmentParams.has(name) || queryParams.has(name);
+    return this.fragmentParams.get(name) ?? this.queryParams.get(name);
-  const getParam = (name: string): string | null =>
+  }
-    fragmentParams.get(name) ?? queryParams.get(name);
+
-  const getAllParams = (name: string): string[] => [
+  public getAllParams(name: string): string[] {
-    ...fragmentParams.getAll(name),
+    return [
-    ...queryParams.getAll(name),
+      ...this.fragmentParams.getAll(name),
+      ...this.queryParams.getAll(name),
     ];
+  }
 
-  // The part of the fragment before the ?
+  public getFlagParam(name: string, defaultValue = false): boolean {
-  const fragmentRoute =
+    const param = this.getParam(name);
-    fragmentQueryStart === -1
+    return param === null ? defaultValue : param !== "false";
-      ? fragment
+  }
-      : fragment.substring(0, fragmentQueryStart);
+}
 
-  const fontScale = parseFloat(getParam("fontScale") ?? "");
+/**
+ * Gets the app parameters for the current URL.
+ * @param search The URL search string
+ * @param hash The URL hash
+ * @returns The app parameters encoded in the URL
+ */
+export const getUrlParams = (
+  search = window.location.search,
+  hash = window.location.hash,
+): UrlParams => {
+  const parser = new ParamParser(search, hash);
+
+  const fontScale = parseFloat(parser.getParam("fontScale") ?? "");
 
   return {
-    roomAlias: fragmentRoute.length > 1 ? fragmentRoute : null,
+    widgetId: parser.getParam("widgetId"),
-    roomId: getParam("roomId"),
+    parentUrl: parser.getParam("parentUrl"),
-    viaServers: getAllParams("via"),
+
-    isEmbedded: hasParam("embed"),
+    // NB. we don't validate roomId here as we do in getRoomIdentifierFromUrl:
-    preload: hasParam("preload"),
+    // what would we do if it were invalid? If the widget API says that's what
-    hideHeader: hasParam("hideHeader"),
+    // the room ID is, then that's what it is.
-    hideScreensharing: hasParam("hideScreensharing"),
+    roomId: parser.getParam("roomId"),
-    isPtt: hasParam("ptt"),
+    password: parser.getParam("password"),
-    e2eEnabled: getParam("enableE2e") !== "false", // Defaults to true
+    // This flag has 'embed' as an alias for historical reasons
-    userId: getParam("userId"),
+    confineToRoom:
-    displayName: getParam("displayName"),
+      parser.getFlagParam("confineToRoom") || parser.getFlagParam("embed"),
-    deviceId: getParam("deviceId"),
+    appPrompt: parser.getFlagParam("appPrompt", true),
-    baseUrl: getParam("baseUrl"),
+    preload: parser.getFlagParam("preload"),
-    lang: getParam("lang"),
+    hideHeader: parser.getFlagParam("hideHeader"),
-    fonts: getAllParams("font"),
+    showControls: parser.getFlagParam("showControls", true),
+    hideScreensharing: parser.getFlagParam("hideScreensharing"),
+    e2eEnabled: parser.getFlagParam("enableE2EE", true),
+    userId: parser.getParam("userId"),
+    displayName: parser.getParam("displayName"),
+    deviceId: parser.getParam("deviceId"),
+    baseUrl: parser.getParam("baseUrl"),
+    lang: parser.getParam("lang"),
+    fonts: parser.getAllParams("font"),
     fontScale: Number.isNaN(fontScale) ? null : fontScale,
-    analyticsID: getParam("analyticsID"),
+    analyticsID: parser.getParam("analyticsID"),
-    allowIceFallback: hasParam("allowIceFallback"),
+    allowIceFallback: parser.getFlagParam("allowIceFallback"),
+    perParticipantE2EE: parser.getFlagParam("perParticipantE2EE"),
+    skipLobby: parser.getFlagParam("skipLobby"),
+    returnToLobby: parser.getFlagParam("returnToLobby"),
+    theme: parser.getParam("theme"),
+    viaServers: parser.getParam("viaServers"),
+    homeserver: parser.getParam("homeserver"),
   };
 };
 
@@ -149,6 +258,73 @@ export const getUrlParams = (
  * @returns The app parameters for the current URL
  */
 export const useUrlParams = (): UrlParams => {
-  const { hash, search } = useLocation();
+  const { search, hash } = useLocation();
   return useMemo(() => getUrlParams(search, hash), [search, hash]);
 };
+
+export function getRoomIdentifierFromUrl(
+  pathname: string,
+  search: string,
+  hash: string,
+): RoomIdentifier {
+  let roomAlias: string | null = null;
+  pathname = pathname.substring(1); // Strip the "/"
+  const pathComponents = pathname.split("/");
+  const pathHasRoom = pathComponents[0] == "room";
+  const hasRoomAlias = pathComponents.length > 1;
+
+  // What type is our url: roomAlias in hash, room alias as the search path, roomAlias after /room/
+  if (hash === "" || hash.startsWith("#?")) {
+    if (hasRoomAlias && pathHasRoom) {
+      roomAlias = pathComponents[1];
+    }
+    if (!pathHasRoom) {
+      roomAlias = pathComponents[0];
+    }
+  } else {
+    roomAlias = hash;
+  }
+
+  // Delete "?" and what comes afterwards
+  roomAlias = roomAlias?.split("?")[0] ?? null;
+
+  if (roomAlias) {
+    // Make roomAlias is null, if it only is a "#"
+    if (roomAlias.length <= 1) {
+      roomAlias = null;
+    } else {
+      // Add "#", if not present
+      if (!roomAlias.startsWith("#")) {
+        roomAlias = `#${roomAlias}`;
+      }
+      // Add server part, if not present
+      if (!roomAlias.includes(":")) {
+        roomAlias = `${roomAlias}:${Config.defaultServerName()}`;
+      }
+    }
+  }
+
+  const parser = new ParamParser(search, hash);
+
+  // Make sure roomId is valid
+  let roomId: string | null = parser.getParam("roomId");
+  if (!roomId?.startsWith("!")) {
+    roomId = null;
+  } else if (!roomId.includes("")) {
+    roomId = null;
+  }
+
+  return {
+    roomAlias,
+    roomId,
+    viaServers: parser.getAllParams("viaServers"),
+  };
+}
+
+export const useRoomIdentifier = (): RoomIdentifier => {
+  const { pathname, search, hash } = useLocation();
+  return useMemo(
+    () => getRoomIdentifierFromUrl(pathname, search, hash),
+    [pathname, search, hash],
+  );
+};

src/UserMenu.module.css

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

src/UserMenu.tsx

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

src/UserMenuContainer.tsx

@@ -14,70 +14,74 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import { useCallback, useState } from "react";
+import { FC, useCallback, useState } from "react";
 import { useHistory, useLocation } from "react-router-dom";
 
-import { useClient } from "./ClientContext";
+import { useClientLegacy } from "./ClientContext";
 import { useProfile } from "./profile/useProfile";
-import { useModalTriggerState } from "./Modal";
+import { defaultSettingsTab, SettingsModal } from "./settings/SettingsModal";
-import { SettingsModal } from "./settings/SettingsModal";
 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 [settingsTab, setSettingsTab] = useState(defaultSettingsTab);
 
   const onAction = useCallback(
     async (value: string) => {
       switch (value) {
         case "user":
-          setDefaultSettingsTab("profile");
+          setSettingsTab("profile");
-          modalState.open();
+          setSettingsModalOpen(true);
           break;
         case "settings":
-          setDefaultSettingsTab("audio");
+          setSettingsTab("audio");
-          modalState.open();
+          setSettingsModalOpen(true);
           break;
         case "logout":
-          logout();
+          logout?.();
           break;
         case "login":
           history.push("/login", { state: { from: location } });
           break;
       }
     },
-    [history, location, logout, modalState]
+    [history, location, logout, setSettingsModalOpen],
   );
 
+  const userName = client?.getUserIdLocalpart() ?? "";
   return (
     <>
       <UserMenu
         preventNavigation={preventNavigation}
-        isAuthenticated={isAuthenticated}
+        isAuthenticated={authenticated}
-        isPasswordlessUser={isPasswordlessUser}
+        isPasswordlessUser={passwordlessUser}
         avatarUrl={avatarUrl}
         onAction={onAction}
-        displayName={
+        userId={client?.getUserId() ?? ""}
-          displayName || (userName ? userName.replace("@", "") : undefined)
+        displayName={displayName || (userName ? userName.replace("@", "") : "")}
-        }
       />
-      {modalState.isOpen && (
+      {client && (
         <SettingsModal
           client={client}
-          defaultTab={defaultSettingsTab}
+          open={settingsModalOpen}
-          {...modalProps}
+          onDismiss={onDismissSettingsModal}
+          tab={settingsTab}
+          onTabChange={setSettingsTab}
         />
       )}
     </>
   );
-}
+};

src/analytics/AnalyticsNotice.tsx

@@ -1,10 +1,26 @@
+/*
+Copyright 2023 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 import { FC } from "react";
 import { Trans } from "react-i18next";
 
 import { Link } from "../typography/Typography";
 
 export const AnalyticsNotice: FC = () => (
-  <Trans>
+  <Trans i18nKey="analytics_notice">
     By participating in this beta, you consent to the collection of anonymous
     data, which we use to improve the product. You can find more information
     about which data we track in our{" "}

src/analytics/PosthogAnalytics.ts

@@ -20,7 +20,7 @@ import { MatrixClient } from "matrix-js-sdk";
 import { Buffer } from "buffer";
 
 import { widget } from "../widget";
-import { getSetting, setSetting, settingsBus } from "../settings/useSetting";
+import { getSetting, setSetting, getSettingKey } from "../settings/useSetting";
 import {
   CallEndedTracker,
   CallStartedTracker,
@@ -30,9 +30,11 @@ import {
   MuteMicrophoneTracker,
   UndecryptableToDeviceEventTracker,
   QualitySurveyEventTracker,
+  CallDisconnectedEventTracker,
 } from "./PosthogEvents";
 import { Config } from "../config/Config";
 import { getUrlParams } from "../UrlParams";
+import { localStorageBus } from "../useLocalStorage";
 
 /* Posthog analytics tracking.
  *
@@ -98,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 = {};
@@ -115,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,
@@ -144,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;
     }
@@ -155,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.
@@ -181,7 +183,7 @@ export class PosthogAnalytics {
     return properties;
   };
 
-  private registerSuperProperties(properties: Properties) {
+  private registerSuperProperties(properties: Properties): void {
     if (this.enabled) {
       this.posthog.register(properties);
     }
@@ -199,8 +201,8 @@ export class PosthogAnalytics {
   private capture(
     eventName: string,
     properties: Properties,
-    options?: CaptureOptions
+    options?: CaptureOptions,
-  ) {
+  ): void {
     if (!this.enabled) {
       return;
     }
@@ -211,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.
@@ -234,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.
@@ -255,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;
     }
@@ -287,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)
@@ -300,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),
       );
     }
   }
@@ -331,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.
     //
@@ -352,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
@@ -366,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()) {
@@ -387,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
@@ -410,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);
     });
   }
@@ -435,4 +443,5 @@ export class PosthogAnalytics {
   public eventMuteCamera = new MuteCameraTracker();
   public eventUndecryptableToDevice = new UndecryptableToDeviceEventTracker();
   public eventQualitySurvey = new QualitySurveyEventTracker();
+  public eventCallDisconnected = new CallDisconnectedEventTracker();
 }

src/analytics/PosthogEvents.ts

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

src/analytics/PosthogSpanProcessor.ts

@@ -39,9 +39,9 @@ const maxRejoinMs = 2 * 60 * 1000; // 2 minutes
  * Span processor that extracts certain metrics from spans to send to PostHog
  */
 export class PosthogSpanProcessor implements SpanProcessor {
-  async forceFlush(): Promise<void> {}
+  public async forceFlush(): Promise<void> {}
 
-  onStart(span: Span): void {
+  public onStart(span: Span): void {
     // Hack: Yield to allow attributes to be set before processing
     Promise.resolve().then(() => {
       switch (span.name) {
@@ -55,7 +55,7 @@ export class PosthogSpanProcessor implements SpanProcessor {
     });
   }
 
-  onEnd(span: ReadableSpan): void {
+  public onEnd(span: ReadableSpan): void {
     switch (span.name) {
       case "matrix.groupCallMembership":
         this.onGroupCallMembershipEnd(span);
@@ -148,7 +148,7 @@ export class PosthogSpanProcessor implements SpanProcessor {
             ratioPeerConnectionToDevices: ratioPeerConnectionToDevices,
           },
           // Send instantly because the window might be closing
-          { send_instantly: true }
+          { send_instantly: true },
         );
       }
     }
@@ -157,7 +157,7 @@ export class PosthogSpanProcessor implements SpanProcessor {
   /**
    * Shutdown the processor.
    */
-  shutdown(): Promise<void> {
+  public shutdown(): Promise<void> {
     return Promise.resolve();
   }
 }

src/analytics/RageshakeSpanProcessor.ts

@@ -1,4 +1,20 @@
-import { Attributes } from "@opentelemetry/api";
+/*
+Copyright 2023 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import { AttributeValue, Attributes } from "@opentelemetry/api";
 import { hrTimeToMicroseconds } from "@opentelemetry/core";
 import {
   SpanProcessor,
@@ -6,7 +22,21 @@ import {
   Span,
 } from "@opentelemetry/sdk-trace-base";
 
-const dumpAttributes = (attr: Attributes) =>
+const dumpAttributes = (
+  attr: Attributes,
+): {
+  key: string;
+  type:
+    | "string"
+    | "number"
+    | "bigint"
+    | "boolean"
+    | "symbol"
+    | "undefined"
+    | "object"
+    | "function";
+  value: AttributeValue | undefined;
+}[] =>
   Object.entries(attr).map(([key, value]) => ({
     key,
     type: typeof value,
@@ -20,13 +50,13 @@ const dumpAttributes = (attr: Attributes) =>
 export class RageshakeSpanProcessor implements SpanProcessor {
   private readonly spans: ReadableSpan[] = [];
 
-  async forceFlush(): Promise<void> {}
+  public async forceFlush(): Promise<void> {}
 
-  onStart(span: Span): void {
+  public onStart(span: Span): void {
     this.spans.push(span);
   }
 
-  onEnd(): void {}
+  public onEnd(): void {}
 
   /**
    * Dumps the spans collected so far as Jaeger-compatible JSON.
@@ -110,5 +140,5 @@ export class RageshakeSpanProcessor implements SpanProcessor {
     });
   }
 
-  async shutdown(): Promise<void> {}
+  public async shutdown(): Promise<void> {}
 }

src/array-utils.ts

@@ -22,7 +22,7 @@ limitations under the License.
 // Array.prototype.findLastIndex
 export function findLastIndex<T>(
   array: T[],
-  predicate: (item: T, index: number) => boolean
+  predicate: (item: T, index: number) => boolean,
 ): number | null {
   for (let i = array.length - 1; i >= 0; i--) {
     if (predicate(array[i], i)) return i;
@@ -36,9 +36,9 @@ export function findLastIndex<T>(
  */
 export const count = <T>(
   array: T[],
-  predicate: (item: T, index: number) => boolean
+  predicate: (item: T, index: number) => boolean,
 ): number =>
   array.reduce(
     (acc, item, index) => (predicate(item, index) ? acc + 1 : acc),
-    0
+    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;
 }