Use branch of js-sdk with Olm debugging

Pulls in changes from https://github.com/matrix-org/matrix-js-sdk/pull/3055

Not intended to stay long-term.

.env.example

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

.eslintrc.cjs

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

.eslintrc.js

@@ -1,38 +0,0 @@
-module.exports = {
-    plugins: [
-        "matrix-org",
-    ],
-    extends: [
-        "plugin:matrix-org/react",
-        "plugin:matrix-org/a11y",
-        "prettier",
-    ],
-    env: {
-        browser: true,
-        node: true,
-    },
-    parserOptions: {
-        "ecmaVersion": "latest",
-        "sourceType": "module",
-    },
-    rules: {
-        "jsx-a11y/media-has-caption": ["off"],
-    },
-    overrides: [
-        {
-            files: [
-                "src/**/*.{ts,tsx}",
-            ],
-            extends: [
-                "plugin:matrix-org/typescript",
-                "plugin:matrix-org/react",
-                "prettier",
-            ],
-        },
-    ],
-    settings: {
-        react: {
-            version: "detect",
-        },
-    },
-};

.github/ISSUE_TEMPLATE/bug.yml

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

.github/workflows/build.yaml

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

.github/workflows/lint.yaml

@@ -11,11 +11,13 @@ jobs:
       - name: Yarn cache
         uses: actions/setup-node@v3
         with:
-          cache: 'yarn'
+          cache: "yarn"
       - name: Install dependencies
         run: "yarn install"
       - name: Prettier
         run: "yarn run prettier:check"
+      - name: i18n
+        run: "yarn run i18n:check"
       - name: ESLint
         run: "yarn run lint:js"
       - name: Type check

.github/workflows/netlify-main.yaml

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

.github/workflows/netlify-pr.yaml

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

.github/workflows/publish.yaml

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

.github/workflows/test.yaml

@@ -0,0 +1,18 @@
+name: Run jest tests
+on:
+  pull_request: {}
+jobs:
+  jest:
+    name: Run jest tests
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+      - name: Yarn cache
+        uses: actions/setup-node@v3
+        with:
+          cache: "yarn"
+      - name: Install dependencies
+        run: "yarn install"
+      - name: Jest
+        run: "yarn run test"

.github/workflows/triage-incoming.yaml

@@ -0,0 +1,27 @@
+name: Move new issues into triage board
+
+on:
+  issues:
+    types: [opened]
+
+jobs:
+  add-to-project:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: octokit/graphql-action@v2.x
+        id: add_to_project
+        with:
+          headers: '{"GraphQL-Features": "projects_next_graphql"}'
+          query: |
+            mutation add_to_project($projectid:ID!,$contentid:ID!) {
+              addProjectV2ItemById(input: {projectId: $projectid contentId: $contentid}) {
+                item {
+                  id
+                }
+              }
+            }
+          projectid: ${{ env.PROJECT_ID }}
+          contentid: ${{ github.event.issue.node_id }}
+        env:
+          PROJECT_ID: "PVT_kwDOAM0swc4AH1sa"
+          GITHUB_TOKEN: ${{ secrets.ELEMENT_BOT_TOKEN }}

.gitignore

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

.vscode/settings.json

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

CONTRIBUTING.md

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

Dockerfile

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

README.md

@@ -1,54 +1,77 @@
 # Element Call
 
-Showcase for full mesh video chat powered by Matrix, implementing [MSC3401](https://github.com/matrix-org/matrix-spec-proposals/blob/matthew/group-voip/proposals/3401-group-voip.md).
+[![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/)
 
-Discussion in [#webrtc:matrix.org: ![#webrtc:matrix.org](https://img.shields.io/matrix/webrtc:matrix.org)](https://matrix.to/#/#webrtc:matrix.org)
+Full mesh group calls powered by [Matrix](https://matrix.org), implementing [MatrixRTC](https://github.com/matrix-org/matrix-spec-proposals/blob/matthew/group-voip/proposals/3401-group-voip.md).
 
-## Getting Started
+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).
 
-`element-call` is built against the `robertlong/group-call` branch of [matrix-js-sdk](https://github.com/matrix-org/matrix-js-sdk/pull/1902). Because of how this package is configured and Vite's requirements, you will need to clone it locally and use `yarn link` to stich things together.
+## Host it yourself
 
-First clone, install, and link `matrix-js-sdk`
+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
+cd element-call
+yarn
+yarn build
+```
+
+If all went well, you can now find the build output under `dist` as a series of static files. These can be hosted using any web server of your choice.
+
+You may also wish to add a configuration file (Element Call uses the domain it's hosted on as a Homeserver URL by default,
+but you can change this in the config file). This goes in `public/config.json` - you can use the sample as a starting point:
+
+```
+cp config/config.sample.json public/config.json
+# edit public/config.json
+```
+
+Because Element Call uses client-side routing, your server must be able to route any requests to non-existing paths back to `/index.html`. For example, in Nginx you can achieve this with the `try_files` directive:
+
+```
+server {
+    ...
+    location / {
+        ...
+        try_files $uri /$uri /index.html;
+    }
+}
+```
+
+## Development
+
+Element Call is built against [matrix-js-sdk](https://github.com/matrix-org/matrix-js-sdk/pull/2553). To get started, clone, install, and link the package:
 
 ```
 git clone https://github.com/matrix-org/matrix-js-sdk.git
 cd matrix-js-sdk
-git checkout robertlong/group-call
 yarn
 yarn link
 ```
 
-Next you'll also need [Synapse](https://matrix-org.github.io/synapse/latest/setup/installation.html) installed locally and running on port 8008.
-
-Finally we can set up this project.
+Next, we can set up this project:
 
 ```
 git clone https://github.com/vector-im/element-call.git
 cd element-call
 yarn
 yarn link matrix-js-sdk
-cp .env.example .env
+```
+
+By default, the app expects you to have [Synapse](https://matrix-org.github.io/synapse/latest/setup/installation.html) installed locally and running on port 8008. If you wish to use another homeserver, you can add a config file as above.
+
+You're now ready to launch the development server:
+
+```
 yarn dev
 ```
 
-## Config
+## Configuration
 
-Configuration options are documented in the `.env` file.
+There are currently two different config files. `.env` holds variables that are used at build time, while `public/config.json` holds variables that are used at runtime. Documentation and default values for `public/config.json` can be found in [ConfigOptions.ts](src/config/ConfigOptions.ts).
 
-## License
+## Translation
 
-All files in this project are:
-
-Copyright 2021-2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
+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.

babel.config.cjs

@@ -0,0 +1,15 @@
+module.exports = {
+  presets: [
+    [
+      "@babel/preset-env",
+      {
+        targets: {
+          node: "current",
+        },
+      },
+    ],
+    "@babel/preset-react",
+    "@babel/preset-typescript",
+  ],
+  plugins: ["babel-plugin-transform-vite-meta-env"],
+};

config/config.sample.json

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

config/element_io_develop.json

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

config/element_io_preview.json

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

i18next-parser.config.js

@@ -0,0 +1,22 @@
+export default {
+  keySeparator: false,
+  namespaceSeparator: false,
+  contextSeparator: "|",
+  pluralSeparator: "|",
+  createOldCatalogs: false,
+  defaultNamespace: "app",
+  lexers: {
+    ts: [
+      {
+        lexer: "JavascriptLexer",
+        functions: ["t", "translatedError"],
+        functionsNamespace: ["useTranslation", "withTranslation"],
+      },
+    ],
+  },
+  locales: ["en-GB"],
+  output: "public/locales/$LOCALE/$NAMESPACE.json",
+  input: ["src/**/*.{ts,tsx}"],
+  sort: true,
+  useKeysAsDefaultValue: true,
+};

package.json

@@ -1,20 +1,24 @@
 {
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "serve": "vite preview",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
-    "prettier:check": "prettier -c src",
-    "prettier:format": "prettier -w src",
+    "prettier:check": "prettier -c .",
+    "prettier:format": "prettier -w .",
     "lint": "yarn lint:types && yarn lint:js",
     "lint:js": "eslint --max-warnings 0 src",
-    "lint:types": "tsc"
+    "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"
   },
   "dependencies": {
     "@juggle/resize-observer": "^3.3.1",
-    "@matrix-org/olm": "https://gitlab.matrix.org/api/v4/projects/27/packages/npm/@matrix-org/olm/-/@matrix-org/olm-3.2.8.tgz",
+    "@matrix-org/olm": "https://gitlab.matrix.org/api/v4/projects/27/packages/npm/@matrix-org/olm/-/@matrix-org/olm-3.2.14.tgz",
     "@react-aria/button": "^3.3.4",
     "@react-aria/dialog": "^3.1.4",
     "@react-aria/focus": "^3.5.0",
@@ -38,15 +42,20 @@
     "classnames": "^2.3.1",
     "color-hash": "^2.0.1",
     "events": "^3.3.0",
-    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#586a313c8d2fd5e8982459b6e31d27c09d5066b8",
+    "i18next": "^21.10.0",
+    "i18next-browser-languagedetector": "^6.1.8",
+    "i18next-http-backend": "^1.4.4",
+    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#79575ef3760bb6085b7b770f241b3d32756d5b96",
     "matrix-widget-api": "^1.0.0",
     "mermaid": "^8.13.8",
     "normalize.css": "^8.0.1",
     "pako": "^2.0.4",
     "postcss-preset-env": "^7",
+    "posthog-js": "^1.29.0",
     "re-resizable": "^6.9.0",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
+    "react": "18",
+    "react-dom": "18",
+    "react-i18next": "^11.18.6",
     "react-json-view": "^1.21.3",
     "react-router": "6",
     "react-router-dom": "^5.2.0",
@@ -57,12 +66,15 @@
   },
   "devDependencies": {
     "@babel/core": "^7.16.5",
-    "@matrix-org/olm": "https://gitlab.matrix.org/api/v4/projects/27/packages/npm/@matrix-org/olm/-/@matrix-org/olm-3.2.8.tgz",
+    "@sentry/vite-plugin": "^0.3.0",
     "@storybook/react": "^6.5.0-alpha.5",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
     "@types/request": "^2.48.8",
     "@typescript-eslint/eslint-plugin": "^5.22.0",
     "@typescript-eslint/parser": "^5.22.0",
     "babel-loader": "^8.2.3",
+    "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",
@@ -71,12 +83,32 @@
     "eslint-plugin-matrix-org": "^0.4.0",
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.5.0",
+    "i18next-parser": "^6.6.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.2.2",
+    "jest-environment-jsdom": "^29.3.1",
     "prettier": "^2.6.2",
     "sass": "^1.42.1",
     "storybook-builder-vite": "^0.1.12",
     "typescript": "^4.6.4",
+    "typescript-strict-plugin": "^2.0.1",
     "vite": "^2.4.2",
     "vite-plugin-html-template": "^1.1.0",
     "vite-plugin-svgr": "^0.4.0"
+  },
+  "jest": {
+    "testEnvironment": "jsdom",
+    "testMatch": [
+      "<rootDir>/test/**/*-test.[jt]s?(x)"
+    ],
+    "transformIgnorePatterns": [
+      "/node_modules/(?!d3)+$",
+      "/node_modules/(?!internmap)+$"
+    ],
+    "moduleNameMapper": {
+      "\\.(css|less|svg)+$": "identity-obj-proxy",
+      "^\\./IndexedDBWorker\\?worker$": "<rootDir>/test/mocks/workerMock.ts",
+      "^\\./olm$": "<rootDir>/test/mocks/olmMock.ts"
+    }
   }
 }

public/index.html

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

public/locales/bg/app.json

@@ -0,0 +1,129 @@
+{
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Вече имате акаунт?</0><1><0>Влезте с него</0> или <2>Влезте като гост</2></1>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Създайте акаунт</0> или <2>Влезте като гост</2>",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Защо не настройте парола за да запазите акаунта си?</0><1>Ще можете да запазите името и аватара си за бъдещи разговори</1>",
+  "Accept camera/microphone permissions to join the call.": "Приемете разрешенията за камера/микрофон за да се присъедините в разговора.",
+  "Accept microphone permissions to join the call.": "Приемете разрешението за микрофона за да се присъедините в разговора.",
+  "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 логове.",
+  "Audio": "Звук",
+  "Avatar": "Аватар",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Натискайки \"Напред\" се съгласявате с нашите <2>Правила и условия</2>",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Натискайки \"Влез в разговора сега\", се съгласявате с нашите <2>Правила и условия</2>",
+  "Call link copied": "Връзка към разговора бе копирана",
+  "Call type menu": "Меню \"тип на разговора\"",
+  "Camera": "Камера",
+  "Camera {{n}}": "Камера {{n}}",
+  "Camera/microphone permissions needed to join the call.": "Необходими са разрешения за камера/микрофон за да се присъедините в разговора.",
+  "Change layout": "Промени изгледа",
+  "Close": "Затвори",
+  "Confirm password": "Потвърди паролата",
+  "Connection lost": "Връзката се изгуби",
+  "Copied!": "Копирано!",
+  "Copy and share this call link": "Копирай и сподели връзка към разговора",
+  "Create account": "Създай акаунт",
+  "Debug log": "Debug логове",
+  "Debug log request": "Заявка за debug логове",
+  "Description (optional)": "Описание (незадължително)",
+  "Details": "Детайли",
+  "Developer": "Разработчик",
+  "Display name": "Име/псевдоним",
+  "Download debug logs": "Изтеглете debug логове",
+  "Exit full screen": "Излез от цял екран",
+  "Fetching group call timed out.": "Изтече времето за взимане на груповия разговор.",
+  "Freedom": "Свобода",
+  "Full screen": "Цял екран",
+  "Go": "Напред",
+  "Grid layout menu": "Меню \"решетков изглед\"",
+  "Having trouble? Help us fix it.": "Имате проблем? Помогнете да го поправим.",
+  "Home": "Начало",
+  "Include debug logs": "Включи debug логове",
+  "Incompatible versions": "Несъвместими версии",
+  "Incompatible versions!": "Несъвместими версии!",
+  "Inspector": "Инспектор",
+  "Invite": "Покани",
+  "Invite people": "Покани хора",
+  "Join call": "Влез в разговора",
+  "Join call now": "Влез в разговора сега",
+  "Join existing call?": "Присъединяване към съществуващ разговор?",
+  "Leave": "Напусни",
+  "Loading room…": "Напускане на стаята…",
+  "Loading…": "Зареждане…",
+  "Local volume": "Локална сила на звука",
+  "Logging in…": "Влизане…",
+  "Login": "Влез",
+  "Login to your account": "Влезте в акаунта си",
+  "Microphone": "Микрофон",
+  "Microphone permissions needed to join the call.": "Необходими са разрешения за микрофона за да можете да се присъедините в разговора.",
+  "Microphone {{n}}": "Микрофон {{n}}",
+  "More": "Още",
+  "More menu": "Мено \"още\"",
+  "Mute microphone": "Заглуши микрофона",
+  "No": "Не",
+  "Not now, return to home screen": "Не сега, върни се на началния екран",
+  "Not registered yet? <2>Create an account</2>": "Все още не сте регистрирани? <2>Създайте акаунт</2>",
+  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Други потребители се опитват да се присъединят в разговора от несъвместими версии. Следните потребители трябва да проверят дали са презаредили браузърите си<1>{userLis}</1>",
+  "Password": "Парола",
+  "Passwords must match": "Паролите не съвпадат",
+  "Press and hold spacebar to talk": "Натиснете и задръжте Space за да говорите",
+  "Press and hold spacebar to talk over {{name}}": "Натиснете и задръжте Space за да говорите заедно с {{name}}",
+  "Press and hold to talk": "Натиснете и задръжте за да говорите",
+  "Press and hold to talk over {{name}}": "Натиснете и задръжте за да говорите заедно с {{name}}",
+  "Profile": "Профил",
+  "Recaptcha dismissed": "Recaptcha отхвърлена",
+  "Recaptcha not loaded": "Recaptcha не е заредена",
+  "Register": "Регистрация",
+  "Registering…": "Регистриране…",
+  "Release spacebar key to stop": "Отпуснете Space за да спрете",
+  "Release to stop": "Отпуснете за да спрете",
+  "Remove": "Премахни",
+  "Return to home screen": "Връщане на началния екран",
+  "Save": "Запази",
+  "Saving…": "Запазване…",
+  "Select an option": "Изберете опция",
+  "Send debug logs": "Изпратете debug логове",
+  "Sending…": "Изпращане…",
+  "Settings": "Настройки",
+  "Share screen": "Сподели екрана",
+  "Show call inspector": "Покажи инспектора на разговора",
+  "Sign in": "Влез",
+  "Sign out": "Излез",
+  "Spatial audio": "Пространствен звук",
+  "Speaker": "Говорител",
+  "Speaker {{n}}": "Говорител {{n}}",
+  "Spotlight": "Прожектор",
+  "Stop sharing screen": "Спри споделянето на екрана",
+  "Submit feedback": "Изпрати обратна връзка",
+  "Submitting feedback…": "Изпращане на обратна връзка…",
+  "Take me Home": "Отиди в Начало",
+  "Talk over speaker": "Говорете заедно с говорителя",
+  "Talking…": "Говорене…",
+  "Thanks! We'll get right on it.": "Благодарим! Веднага ще се заемем.",
+  "This call already exists, would you like to join?": "Този разговор вече съществува, искате ли да се присъедините?",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Този сайт се предпазва от ReCAPTCHA и важат <2>Политиката за поверителност</2> и <6>Условията за ползване на услугата</6> на Google.<9></9>Натискайки \"Регистрация\", се съгласявате с нашите <12>Правила и условия</12>",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Това прави звука на говорителя да изглежда, че излиза от мястото където са позиционирани на екрана. (Експериментална функция: може да повлияе на стабилността на звука.)",
+  "Turn off camera": "Изключи камерата",
+  "Turn on camera": "Включи камерата",
+  "Unmute microphone": "Включи микрофона",
+  "User ID": "Потребителски идентификатор",
+  "User menu": "Потребителско меню",
+  "Username": "Потребителско име",
+  "Version: {{version}}": "Версия: {{version}}",
+  "Video": "Видео",
+  "Video call": "Видео разговор",
+  "Video call name": "Име на видео разговора",
+  "Waiting for network": "Изчакване на мрежата",
+  "Waiting for other participants…": "Изчакване на други участници…",
+  "Walkie-talkie call": "Уоки-токи разговор",
+  "Walkie-talkie call name": "Име на уоки-токи разговора",
+  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не се поддържа или се блокира от браузъра.",
+  "Yes, join call": "Да, присъедини се",
+  "You can't talk at the same time": "Не можете да говорите едновременно",
+  "Your recent calls": "Скорошните ви разговори",
+  "{{count}} people connected|one": "{{count}} човек се свърза",
+  "{{count}} people connected|other": "{{count}} човека се звързаха",
+  "{{displayName}}, your call is now ended": "{{displayName}}, разговорът ви приключи",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{name}} is presenting": "{{name}} презентира",
+  "{{name}} is talking…": "{{name}} говори…",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - уоки-токи разговор"
+}

public/locales/cs/app.json

@@ -0,0 +1,140 @@
+{
+  "Copy and share this call link": "Zkopírujte a sdílejte odkaz na hovor",
+  "Copied!": "Zkopírováno!",
+  "Connection lost": "Připojení ztraceno",
+  "Confirm password": "Potvrdit heslo",
+  "Close": "Zavřít",
+  "Change layout": "Změnit rozložení",
+  "Camera/microphone permissions needed to join the call.": "Oprávnění k přístupu ke kameře/mikrofonu jsou nutná pro připojení k hovoru.",
+  "Camera {{n}}": "Kamera {{n}}",
+  "Camera": "Kamera",
+  "Call link copied": "Odkaz na hovor zkopírován",
+  "Avatar": "Avatar",
+  "Audio": "Audio",
+  "Accept microphone permissions to join the call.": "Povolte přístup k mikrofonu pro připojení k hovoru.",
+  "Accept camera/microphone permissions to join the call.": "Povolte přístup ke kameře/mikrofonu pro připojení do hovoru.",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Vytvořit účet</0> Or <2>Jako host</2>",
+  "Your recent calls": "Vaše nedávné hovory",
+  "You can't talk at the same time": "Teď nemůžete mluvit",
+  "Yes, join call": "Ano, připojit se",
+  "WebRTC is not supported or is being blocked in this browser.": "WebRTC není podporováno nebo je zakázáno tímto prohlížečem.",
+  "Waiting for other participants…": "Čekání na další účastníky…",
+  "Waiting for network": "Čekání na připojení",
+  "Video call name": "Jméno videohovoru",
+  "Video call": "Videohovor",
+  "Video": "Video",
+  "Version: {{version}}": "Verze: {{version}}",
+  "Username": "Uživatelské jméno",
+  "User menu": "Uživatelské menu",
+  "User ID": "ID uživatele",
+  "Unmute microphone": "Zapnout mikrofon",
+  "Turn on camera": "Zapnout kameru",
+  "Turn off camera": "Vypnout kameru",
+  "This call already exists, would you like to join?": "Tento hovor již existuje, chcete se připojit?",
+  "Thanks! We'll get right on it.": "Děkujeme! Hned se na to vrhneme.",
+  "Take me Home": "Domovská obrazovka",
+  "Submitting feedback…": "Odesílání zpětné vazby…",
+  "Submit feedback": "Dát feedback",
+  "Stop sharing screen": "Zastavit sdílení obrazovek",
+  "Speaker {{n}}": "Reproduktor {{n}}",
+  "Speaker": "Reproduktor",
+  "Spatial audio": "Prostorový zvuk",
+  "Sign out": "Odhlásit se",
+  "Sign in": "Přihlásit se",
+  "Show call inspector": "Zobrazit inspektor hovoru",
+  "Share screen": "Sdílet obrazovku",
+  "Settings": "Nastavení",
+  "Sending…": "Posílání…",
+  "Sending debug logs…": "Posílání ladícího záznamu…",
+  "Send debug logs": "Poslat ladící záznam",
+  "Select an option": "Vyberte možnost",
+  "Saving…": "Ukládání…",
+  "Save": "Uložit",
+  "Return to home screen": "Vrátit se na domácí obrazovku",
+  "Remove": "Odstranit",
+  "Registering…": "Registrování…",
+  "Register": "Registrace",
+  "Profile": "Profil",
+  "Press and hold to talk": "Stiskněte a držte pro mluvení",
+  "Press and hold spacebar to talk": "Stiskněte a držte mezerník pro mluvení",
+  "Passwords must match": "Hesla se musí shodovat",
+  "Password": "Heslo",
+  "Not now, return to home screen": "Teď ne, vrátit se na domovskou obrazovku",
+  "No": "Ne",
+  "Mute microphone": "Ztlumit mikrofon",
+  "More": "Více",
+  "Microphone permissions needed to join the call.": "Přístup k mikrofonu je nutný pro připojení se k hovoru.",
+  "Microphone {{n}}": "Mikrofon {{n}}",
+  "Microphone": "Mikrofon",
+  "Login to your account": "Přihlásit se ke svůmu účtu",
+  "Login": "Přihlášení",
+  "Logging in…": "Přihlašování se…",
+  "Local volume": "Lokální hlasitost",
+  "Loading…": "Načítání…",
+  "Loading room…": "Načítání místnosti…",
+  "Leave": "Opustit hovor",
+  "Join call now": "Připojit se k hovoru",
+  "Join call": "Připojit se k hovoru",
+  "Invite people": "Pozvat lidi",
+  "Invite": "Pozvat",
+  "Inspector": "Insepktor",
+  "Incompatible versions!": "Nekompatibilní verze!",
+  "Incompatible versions": "Nekompatibilní verze",
+  "{{name}} is talking…": "{{name}} mluví…",
+  "{{name}} is presenting": "{{name}} prezentuje",
+  "{{name}} (Connecting...)": "{{name}} (Připojení...)",
+  "{{displayName}}, your call is now ended": "{{displayName}}, váš hovor je nyní ukončen",
+  "{{count}} people connected|other": "{{count}} lidí připojeno",
+  "{{count}} people connected|one": "{{count}} lidí připojeno",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Tato možnost způsobí, že zvuk účastníků hovoru se bude tvářit jako by přicházel z místa, kde jsou umístěni na obrazovce.(Experimentální možnost: může způsobit nestabilitu audia.)",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Tato stárnka je chráněna pomocí ReCAPTCHA a Google <2>zásad ochrany osobních údajů</2> a <6>podmínky služby</6> platí.<9></9>Kliknutím na \"Registrovat\", souhlasíte s <12>Pravidly a podmínkami</12>",
+  "Walkie-talkie call name": "Jméno vysílačkového hovoru",
+  "Walkie-talkie call": "Vysílačkový hovor",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Vysílačkový hovor",
+  "Whether to enable single-key keyboard shortcuts, e.g. 'm' to mute/unmute the mic.": "Zapnout jedno-klávesové zkratky, např. 'm' pro vypnutí/zapnutí mikrofonu.",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "This will send anonymised data (such as the duration of a call and the number of participants) to the Element Call team to help us optimise the application based on how it is used.": "Toto bude odesílat anonymizovaná data (jako délku a počet účastníků hovoru) týmu Element Call, aby nám pomohly zlepšovat aplikaci podle toho, jak je používaná.",
+  "Talking…": "Mluvení…",
+  "Talk over speaker": "Mluvit přes mluvčího",
+  "Spotlight": "Soustředěný mód",
+  "Single-key keyboard shortcuts": "Jedno-klávesová klávesnice",
+  "Release to stop": "Pusťte pro ukončení",
+  "Release spacebar key to stop": "Pusťte mezerník pro ukončení",
+  "Recaptcha not loaded": "Recaptcha se nenačetla",
+  "Recaptcha dismissed": "Recaptcha byla zamítnuta",
+  "Press and hold to talk over {{name}}": "Zmáčkněte a držte, abyste mluvili přes {{name}}",
+  "Press and hold spacebar to talk over {{name}}": "Zmáčkněte a držte mezerník, abyste mluvili přes {{name}}",
+  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Ostatní uživatelé se pokoušejí připojit k tomuto hovoru s nekompatibilních verzí. Tito uživatelé by se měli ujistit, že stránku načetli znovu:<1>{userLis}</1>",
+  "Not registered yet? <2>Create an account</2>": "Nejste registrovaní? <2>Vytvořit účet</2>",
+  "More menu": "Další možnosti",
+  "Join existing call?": "Připojit se k existujícimu hovoru?",
+  "Include debug logs": "Zahrnout ladící záznamy",
+  "Home": "Domov",
+  "Having trouble? Help us fix it.": "Máte problémy? Pomozte nám je spravit.",
+  "Grid layout menu": "Menu rozložení",
+  "Go": "Pokračovat",
+  "Full screen": "Zvětšit na celou obrazovku",
+  "Freedom": "Volný",
+  "Fetching group call timed out.": "Vypršel časový limit načítání skupinového hovoru.",
+  "Exit full screen": "Ukončit režim celé obrazovky",
+  "Element Call Home": "Domov Element Call",
+  "Download debug logs": "Stáhnout ladící záznamy",
+  "Display name": "Zobrazované jméno",
+  "Developer": "Vývojář",
+  "Details": "Detaily",
+  "Description (optional)": "Popis (nepovinný)",
+  "Debug log request": "Žádost o protokoly ladění",
+  "Debug log": "Protokoly ladění",
+  "Create account": "Vytvořit účet",
+  "Copy": "Kopírovat",
+  "Call type menu": "Menu typu hovoru",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Kliknutím na \"Připojit se do hovoru\", odsouhlasíte naše <2>Terms and conditions</2>",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Kliknutím na \"Pokračovat\", odsouhlasíte naše <2>Terms and conditions</2>",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Jiný uživatel v tomto hovoru má problémy. Abychom mohli diagnostikovat problém, rádi bychom shromáždili protokoly ladění.",
+  "Allow analytics": "Povolit analytiku",
+  "Advanced": "Pokročilé",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Proč neskončit nastavením hesla, abyste mohli účet použít znovu?</0><1>Budete si moci nechat své jméno a nastavit si avatar pro budoucí hovory </1>",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Připojit se</0><1>Or</1><2>Zkopírovat odkaz a připojit se později</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Už máte účet?</0><1><0>Přihlásit se</0> Or <2>Jako host</2></1>",
+  "{{name}} (Waiting for video...)": "{{name}} (Čekání na video...)"
+}

public/locales/de/app.json

@@ -0,0 +1,143 @@
+{
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Du hast bereits ein Konto?</0><1><0>Anmelden</0> Oder <2>Als Gast betreten</2></1>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Konto erstellen</0> Oder <2>Als Gast betreten</2>",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Warum vergibst du nicht abschließend ein Passwort, um dein Konto zu erhalten?</0><1>Du kannst deinen Namen behalten und ein Profilbild für zukünftige Anrufe festlegen.</1>",
+  "Accept camera/microphone permissions to join the call.": "Erlaube Zugriff auf Kamera/Mikrofon um dem Anruf beizutreten.",
+  "Accept microphone permissions to join the call.": "Erlaube Zugriff auf das Mikrofon um dem Anruf beizutreten.",
+  "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.",
+  "Audio": "Audio",
+  "Avatar": "Avatar",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Wenn du auf „Los geht’s“ klickst, akzeptierst du unsere <2>Geschäftsbedingungen</2>",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Wenn du auf „Anruf beitreten“ klickst, akzeptierst du unsere <2>Geschäftsbedingungen</2>",
+  "Call link copied": "Anruflink kopiert",
+  "Call type menu": "Anruftyp Menü",
+  "Camera": "Kamera",
+  "Camera {{n}}": "Kamera {{n}}",
+  "Camera/microphone permissions needed to join the call.": "Für die Teilnahme am Anruf sind Kamera- und Mikrofonberechtigungen erforderlich.",
+  "Change layout": "Layout ändern",
+  "Close": "Schließen",
+  "Confirm password": "Passwort bestätigen",
+  "Connection lost": "Verbindung verloren",
+  "Copied!": "Kopiert!",
+  "Copy and share this call link": "Kopiere und teile diesen Anruflink",
+  "Create account": "Konto erstellen",
+  "Debug log": "Debug-Protokoll",
+  "Debug log request": "Debug-Log Anfrage",
+  "Description (optional)": "Beschreibung (optional)",
+  "Details": "Details",
+  "Developer": "Entwickler",
+  "Display name": "Anzeigename",
+  "Download debug logs": "Debug-Protokolle herunterladen",
+  "Exit full screen": "Vollbildmodus verlassen",
+  "Freedom": "Freiraum",
+  "Full screen": "Vollbild",
+  "Go": "Los geht’s",
+  "Grid layout menu": "Grid-Layout-Menü",
+  "Having trouble? Help us fix it.": "Du hast ein Problem? Hilf uns, es zu beheben.",
+  "Home": "Startseite",
+  "Include debug logs": "Debug-Protokolle einschließen",
+  "Incompatible versions": "Inkompatible Versionen",
+  "Incompatible versions!": "Inkompatible Versionen!",
+  "Inspector": "Inspektor",
+  "Invite": "Einladen",
+  "Invite people": "Personen einladen",
+  "Join call": "Anruf beitreten",
+  "Join call now": "Anruf beitreten",
+  "Join existing call?": "An bestehendem Anruf teilnehmen?",
+  "Leave": "Verlassen",
+  "Loading room…": "Lade Raum …",
+  "Loading…": "Lade …",
+  "Local volume": "Lokale Lautstärke",
+  "Logging in…": "Anmelden …",
+  "Login": "Anmelden",
+  "Login to your account": "Melde dich mit deinem Konto an",
+  "Microphone": "Mikrofon",
+  "Microphone permissions needed to join the call.": "Mikrofon-Berechtigung ist erforderlich, um dem Anruf beizutreten.",
+  "Microphone {{n}}": "Mikrofon {{n}}",
+  "More": "Mehr",
+  "More menu": "Weiteres Menü",
+  "Mute microphone": "Mikrofon stummschalten",
+  "No": "Nein",
+  "Not now, return to home screen": "Nicht jetzt, zurück zum Startbildschirm",
+  "Not registered yet? <2>Create an account</2>": "Noch nicht registriert? <2>Konto erstellen</2>",
+  "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>",
+  "Password": "Passwort",
+  "Passwords must match": "Passwörter müssen übereinstimmen",
+  "Press and hold spacebar to talk": "Halte zum Sprechen die Leertaste gedrückt",
+  "Press and hold spacebar to talk over {{name}}": "Zum Verdrängen von {{name}} und Sprechen die Leertaste gedrückt halten",
+  "Press and hold to talk": "Zum Sprechen gedrückt halten",
+  "Press and hold to talk over {{name}}": "Zum Verdrängen von {{name}} und Sprechen gedrückt halten",
+  "Profile": "Profil",
+  "Recaptcha dismissed": "Recaptcha abgelehnt",
+  "Recaptcha not loaded": "Recaptcha nicht geladen",
+  "Register": "Registrieren",
+  "Registering…": "Registrierung …",
+  "Release spacebar key to stop": "Leertaste loslassen, um zu stoppen",
+  "Release to stop": "Loslassen zum Stoppen",
+  "Remove": "Entfernen",
+  "Return to home screen": "Zurück zum Startbildschirm",
+  "Save": "Speichern",
+  "Saving…": "Speichere …",
+  "Select an option": "Wähle eine Option",
+  "Send debug logs": "Debug-Logs senden",
+  "Sending…": "Senden …",
+  "Settings": "Einstellungen",
+  "Share screen": "Bildschirm teilen",
+  "Show call inspector": "Anrufinspektor anzeigen",
+  "Sign in": "Anmelden",
+  "Sign out": "Abmelden",
+  "Spatial audio": "Räumliche Audiowiedergabe",
+  "Speaker": "Wiedergabegerät",
+  "Speaker {{n}}": "Wiedergabegerät {{n}}",
+  "Spotlight": "Rampenlicht",
+  "Stop sharing screen": "Beenden der Bildschirmfreigabe",
+  "Submit feedback": "Rückmeldung geben",
+  "Submitting feedback…": "Sende Rückmeldung …",
+  "Take me Home": "Zurück zur Startseite",
+  "Talk over speaker": "Aktiven Sprecher verdrängen und sprechen",
+  "Talking…": "Sprechen …",
+  "Thanks! We'll get right on it.": "Vielen Dank! Wir werden uns sofort darum kümmern.",
+  "This call already exists, would you like to join?": "Dieser Aufruf existiert bereits, möchtest Du teilnehmen?",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Diese Website wird durch ReCAPTCHA geschützt und es gelten die <2>Datenschutzerklärung</2> und <6>Nutzungsbedingungen</6> von Google.<9></9>Indem Du auf „Registrieren“ klickst, stimmst du unseren <12>Geschäftsbedingungen</12> zu",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Dies wird die Audiowiedergabe eines Sprechers wirken lassen, als käme sie von der Stelle des zugehörigen Videobildes. (Experimentelle Funktion: Dies könnte die Stabilität der Audiowiedergabe beeinträchtigen.)",
+  "Turn off camera": "Kamera ausschalten",
+  "Turn on camera": "Kamera einschalten",
+  "Unmute microphone": "Mikrofon aktivieren",
+  "User ID": "Benutzer-ID",
+  "User menu": "Benutzermenü",
+  "Username": "Benutzername",
+  "Version: {{version}}": "Version: {{version}}",
+  "Video": "Video",
+  "Video call": "Videoanruf",
+  "Video call name": "Name des Videoanrufs",
+  "Waiting for network": "Warte auf Netzwerk",
+  "Waiting for other participants…": "Warte auf weitere Teilnehmer …",
+  "Walkie-talkie call": "Walkie-Talkie-Anruf",
+  "WebRTC is not supported or is being blocked in this browser.": "WebRTC wird in diesem Browser nicht unterstützt oder ist blockiert.",
+  "Yes, join call": "Ja, Anruf beitreten",
+  "You can't talk at the same time": "Du kannst nicht gleichzeitig sprechen",
+  "Your recent calls": "Deine letzten Anrufe",
+  "{{count}} people connected|one": "{{count}} Person verbunden",
+  "{{count}} people connected|other": "{{count}} Personen verbunden",
+  "{{displayName}}, your call is now ended": "{{displayName}}, dein Anruf wurde beendet",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{name}} is presenting": "{{name}} präsentiert",
+  "{{name}} is talking…": "{{name}} spricht …",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} – Walkie-Talkie-Anruf",
+  "Fetching group call timed out.": "Zeitüberschreitung beim Abrufen des Gruppenanrufs.",
+  "Walkie-talkie call name": "Name des Walkie-Talkie-Anrufs",
+  "Sending debug logs…": "Sende Debug-Protokolle …",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Anruf beitreten</0><1>Oder</1><2>Anruflink kopieren und später beitreten</2>",
+  "{{name}} (Connecting...)": "{{name}} (verbindet sich …)",
+  "Allow analytics": "Analysedaten senden",
+  "Advanced": "Erweitert",
+  "Copy": "Kopieren",
+  "Element Call Home": "Element Call-Startseite",
+  "This will send anonymised data (such as the duration of a call and the number of participants) to the Element Call team to help us optimise the application based on how it is used.": "Dies wird anonymisierte Daten (wie z. B. die Dauer eines Anrufs und die Zahl der Teilnehmenden) dem Element Call-Team senden, um uns bei der Optimierung der Anwendung basierend auf dem Nutzungsverhalten zu helfen.",
+  "Whether to enable single-key keyboard shortcuts, e.g. 'm' to mute/unmute the mic.": "Ob Tastenkürzel mit nur einer Taste aktiviert sein sollen, z. B. „m“ um das Mikrofon stumm/aktiv zu schalten.",
+  "Single-key keyboard shortcuts": "Ein-Tasten-Tastenkürzel",
+  "{{name}} (Waiting for video...)": "{{name}} (Warte auf Video …)",
+  "This feature is only supported on Firefox.": "Diese Funktion wird nur in Firefox unterstützt.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Übermittelte Problemberichte helfen uns, Fehler zu beheben.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Hoppla, etwas ist schiefgelaufen.</0>"
+}

public/locales/en-GB/app.json

@@ -0,0 +1,143 @@
+{
+  "{{count}} people connected|one": "{{count}} person connected",
+  "{{count}} people connected|other": "{{count}} people connected",
+  "{{displayName}}, your call is now ended": "{{displayName}}, your call is now ended",
+  "{{name}} (Connecting...)": "{{name}} (Connecting...)",
+  "{{name}} (Waiting for video...)": "{{name}} (Waiting for video...)",
+  "{{name}} is presenting": "{{name}} is presenting",
+  "{{name}} is talking…": "{{name}} is talking…",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Walkie-talkie call",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Create an account</0> Or <2>Access as a guest</2>",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Oops, something's gone wrong.</0>",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Submitting debug logs will help us track down the problem.</0>",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>",
+  "Accept camera/microphone permissions to join the call.": "Accept camera/microphone permissions to join the call.",
+  "Accept microphone permissions to join the call.": "Accept microphone permissions to join the call.",
+  "Advanced": "Advanced",
+  "Allow analytics": "Allow analytics",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.",
+  "Audio": "Audio",
+  "Avatar": "Avatar",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "By clicking \"Go\", you agree to our <2>Terms and conditions</2>",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>",
+  "Call link copied": "Call link copied",
+  "Call type menu": "Call type menu",
+  "Camera": "Camera",
+  "Camera {{n}}": "Camera {{n}}",
+  "Camera/microphone permissions needed to join the call.": "Camera/microphone permissions needed to join the call.",
+  "Change layout": "Change layout",
+  "Close": "Close",
+  "Confirm password": "Confirm password",
+  "Connection lost": "Connection lost",
+  "Copied!": "Copied!",
+  "Copy": "Copy",
+  "Copy and share this call link": "Copy and share this call link",
+  "Create account": "Create account",
+  "Debug log": "Debug log",
+  "Debug log request": "Debug log request",
+  "Description (optional)": "Description (optional)",
+  "Details": "Details",
+  "Developer": "Developer",
+  "Display name": "Display name",
+  "Download debug logs": "Download debug logs",
+  "Element Call Home": "Element Call Home",
+  "Exit full screen": "Exit full screen",
+  "Fetching group call timed out.": "Fetching group call timed out.",
+  "Freedom": "Freedom",
+  "Full screen": "Full screen",
+  "Go": "Go",
+  "Grid layout menu": "Grid layout menu",
+  "Having trouble? Help us fix it.": "Having trouble? Help us fix it.",
+  "Home": "Home",
+  "Include debug logs": "Include debug logs",
+  "Incompatible versions": "Incompatible versions",
+  "Incompatible versions!": "Incompatible versions!",
+  "Inspector": "Inspector",
+  "Invite": "Invite",
+  "Invite people": "Invite people",
+  "Join call": "Join call",
+  "Join call now": "Join call now",
+  "Join existing call?": "Join existing call?",
+  "Leave": "Leave",
+  "Loading room…": "Loading room…",
+  "Loading…": "Loading…",
+  "Local volume": "Local volume",
+  "Logging in…": "Logging in…",
+  "Login": "Login",
+  "Login to your account": "Login to your account",
+  "Microphone": "Microphone",
+  "Microphone {{n}}": "Microphone {{n}}",
+  "Microphone permissions needed to join the call.": "Microphone permissions needed to join the call.",
+  "More": "More",
+  "More menu": "More menu",
+  "Mute microphone": "Mute microphone",
+  "No": "No",
+  "Not now, return to home screen": "Not now, return to home screen",
+  "Not registered yet? <2>Create an account</2>": "Not registered yet? <2>Create an account</2>",
+  "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>",
+  "Password": "Password",
+  "Passwords must match": "Passwords must match",
+  "Press and hold spacebar to talk": "Press and hold spacebar to talk",
+  "Press and hold spacebar to talk over {{name}}": "Press and hold spacebar to talk over {{name}}",
+  "Press and hold to talk": "Press and hold to talk",
+  "Press and hold to talk over {{name}}": "Press and hold to talk over {{name}}",
+  "Profile": "Profile",
+  "Recaptcha dismissed": "Recaptcha dismissed",
+  "Recaptcha not loaded": "Recaptcha not loaded",
+  "Register": "Register",
+  "Registering…": "Registering…",
+  "Release spacebar key to stop": "Release spacebar key to stop",
+  "Release to stop": "Release to stop",
+  "Remove": "Remove",
+  "Return to home screen": "Return to home screen",
+  "Save": "Save",
+  "Saving…": "Saving…",
+  "Select an option": "Select an option",
+  "Send debug logs": "Send debug logs",
+  "Sending debug logs…": "Sending debug logs…",
+  "Sending…": "Sending…",
+  "Settings": "Settings",
+  "Share screen": "Share screen",
+  "Show call inspector": "Show call inspector",
+  "Sign in": "Sign in",
+  "Sign out": "Sign out",
+  "Single-key keyboard shortcuts": "Single-key keyboard shortcuts",
+  "Spatial audio": "Spatial audio",
+  "Speaker": "Speaker",
+  "Speaker {{n}}": "Speaker {{n}}",
+  "Spotlight": "Spotlight",
+  "Stop sharing screen": "Stop sharing screen",
+  "Submit feedback": "Submit feedback",
+  "Submitting feedback…": "Submitting feedback…",
+  "Take me Home": "Take me Home",
+  "Talk over speaker": "Talk over speaker",
+  "Talking…": "Talking…",
+  "Thanks! We'll get right on it.": "Thanks! We'll get right on it.",
+  "This call already exists, would you like to join?": "This call already exists, would you like to join?",
+  "This feature is only supported on Firefox.": "This feature is only supported on Firefox.",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)",
+  "This will send anonymised data (such as the duration of a call and the number of participants) to the Element Call team to help us optimise the application based on how it is used.": "This will send anonymised data (such as the duration of a call and the number of participants) to the Element Call team to help us optimise the application based on how it is used.",
+  "Turn off camera": "Turn off camera",
+  "Turn on camera": "Turn on camera",
+  "Unmute microphone": "Unmute microphone",
+  "User ID": "User ID",
+  "User menu": "User menu",
+  "Username": "Username",
+  "Version: {{version}}": "Version: {{version}}",
+  "Video": "Video",
+  "Video call": "Video call",
+  "Video call name": "Video call name",
+  "Waiting for network": "Waiting for network",
+  "Waiting for other participants…": "Waiting for other participants…",
+  "Walkie-talkie call": "Walkie-talkie call",
+  "Walkie-talkie call name": "Walkie-talkie call name",
+  "WebRTC is not supported or is being blocked in this browser.": "WebRTC is not supported or is being blocked in this browser.",
+  "Whether to enable single-key keyboard shortcuts, e.g. 'm' to mute/unmute the mic.": "Whether to enable single-key keyboard shortcuts, e.g. 'm' to mute/unmute the mic.",
+  "Yes, join call": "Yes, join call",
+  "You can't talk at the same time": "You can't talk at the same time",
+  "Your recent calls": "Your recent calls"
+}

public/locales/es/app.json

@@ -0,0 +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>¿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>",
+  "Press and hold to talk over {{name}}": "Mantén pulsado para hablar por encima de {{name}}",
+  "Your recent calls": "Tus llamadas recientes",
+  "WebRTC is not supported or is being blocked in this browser.": "Tu navegador no soporta o está bloqueando WebRTC.",
+  "This call already exists, would you like to join?": "Esta llamada ya existe, ¿te gustaría unirte?",
+  "Register": "Registrarse",
+  "Not registered yet? <2>Create an account</2>": "¿No estás registrado todavía? <2>Crear una cuenta</2>",
+  "Login to your account": "Iniciar sesión en tu cuenta",
+  "Camera/microphone permissions needed to join the call.": "Se necesitan los permisos de cámara/micrófono para unirse a la llamada.",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Al hacer clic en \"Unirse a la llamada ahora\", aceptarás nuestros <2>Términos y condiciones</2>",
+  "Accept microphone permissions to join the call.": "Acepta el permiso del micrófono para unirte a la llamada.",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Al hacer clic en \"Comenzar\" aceptarás nuestros <2>Términos y condiciones</2>",
+  "You can't talk at the same time": "No podéis hablar a la vez",
+  "Yes, join call": "Si, unirse a la llamada",
+  "Walkie-talkie call name": "Nombre de la llamada Walkie-talkie",
+  "Walkie-talkie call": "Llamada Walkie-talkie",
+  "Waiting for other participants…": "Esperando a los otros participantes…",
+  "Waiting for network": "Esperando a la red",
+  "Video call name": "Nombre de la videollamada",
+  "Video call": "Videollamada",
+  "Video": "Video",
+  "Version: {{version}}": "Versión: {{version}}",
+  "Username": "Nombre de usuario",
+  "User menu": "Menú de usuario",
+  "User ID": "ID de usuario",
+  "Unmute microphone": "Desilenciar el micrófono",
+  "Turn on camera": "Encender la cámara",
+  "Turn off camera": "Apagar la cámara",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Esto hará que el audio de la persona que hable parezca que viene de dondé esté posicionado en la pantalla. (Función experimental: esto puede afectar a la estabilidad del audio.)",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Este sitio está protegido por ReCAPTCHA y se aplica <2>la Política de Privacidad</2> y <6>los Términos de Servicio</6> de Google.<9></9>Al hacer clic en \"Registrar\" aceptarás nuestros <12>Términos y condiciones</12>",
+  "Thanks! We'll get right on it.": "¡Gracias! Nos encargaremos de ello.",
+  "Talking…": "Hablando…",
+  "Talk over speaker": "Hablar por encima",
+  "Take me Home": "Volver al inicio",
+  "Submitting feedback…": "Enviando comentarios…",
+  "Submit feedback": "Enviar comentarios",
+  "Stop sharing screen": "Dejar de compartir pantalla",
+  "Spotlight": "Foco",
+  "Speaker {{n}}": "Altavoz {{n}}",
+  "Speaker": "Altavoz",
+  "Spatial audio": "Audio espacial",
+  "Sign out": "Cerrar sesión",
+  "Sign in": "Iniciar sesión",
+  "Show call inspector": "Mostrar inspector de llamada",
+  "Share screen": "Compartir pantalla",
+  "Settings": "Ajustes",
+  "Sending…": "Enviando…",
+  "Sending debug logs…": "Enviando registros de depuración…",
+  "Send debug logs": "Enviar registros de depuración",
+  "Select an option": "Selecciona una opción",
+  "Saving…": "Guardando…",
+  "Save": "Guardar",
+  "Return to home screen": "Volver a la pantalla de inicio",
+  "Remove": "Eliminar",
+  "Release to stop": "Suelta para parar",
+  "Release spacebar key to stop": "Suelta la barra espaciadora para parar",
+  "Registering…": "Registrando…",
+  "Recaptcha not loaded": "No se ha cargado el Recaptcha",
+  "Recaptcha dismissed": "Recaptcha cancelado",
+  "Profile": "Perfil",
+  "Press and hold to talk": "Mantén pulsado para hablar",
+  "Press and hold spacebar to talk over {{name}}": "Mantén pulsada la barra espaciadora para hablar por encima de {{name}}",
+  "Press and hold spacebar to talk": "Mantén pulsada la barra espaciadora para hablar",
+  "Passwords must match": "Las contraseñas deben coincidir",
+  "Password": "Contraseña",
+  "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>",
+  "Not now, return to home screen": "Ahora no, volver a la pantalla de inicio",
+  "No": "No",
+  "Mute microphone": "Silenciar micrófono",
+  "More menu": "Menú Más",
+  "More": "Más",
+  "Microphone permissions needed to join the call.": "Se necesitan permisos del micrófono para unirse a la llamada.",
+  "Microphone {{n}}": "Micrófono {{n}}",
+  "Microphone": "Micrófono",
+  "Login": "Iniciar sesión",
+  "Logging in…": "Iniciando sesión…",
+  "Local volume": "Volumen local",
+  "Loading…": "Cargando…",
+  "Loading room…": "Cargando sala…",
+  "Leave": "Abandonar",
+  "Join existing call?": "¿Unirse a llamada existente?",
+  "Join call now": "Unirse a la llamada ahora",
+  "Join call": "Unirse a la llamada",
+  "Invite people": "Invitar a gente",
+  "Invite": "Invitar",
+  "Inspector": "Inspector",
+  "Incompatible versions!": "¡Versiones incompatibles!",
+  "Incompatible versions": "Versiones incompatibles",
+  "Include debug logs": "Incluir registros de depuración",
+  "Home": "Inicio",
+  "Having trouble? Help us fix it.": "¿Tienes problemas? Ayúdanos a resolverlos.",
+  "Grid layout menu": "Menú de distribución de cuadrícula",
+  "Go": "Comenzar",
+  "Full screen": "Pantalla completa",
+  "Freedom": "Libre",
+  "Fetching group call timed out.": "Se ha agotado el tiempo de espera para obtener la llamada grupal.",
+  "Exit full screen": "Salir de pantalla completa",
+  "Download debug logs": "Descargar registros de depuración",
+  "Display name": "Nombre a mostrar",
+  "Developer": "Desarrollador",
+  "Details": "Detalles",
+  "Description (optional)": "Descripción (opcional)",
+  "Debug log request": "Petición de registros de depuración",
+  "Debug log": "Registro de depuración",
+  "Create account": "Crear cuenta",
+  "Copy and share this call link": "Copiar y compartir el enlace de la llamada",
+  "Copied!": "¡Copiado!",
+  "Connection lost": "Conexión perdida",
+  "Confirm password": "Confirmar contraseña",
+  "Close": "Cerrar",
+  "Change layout": "Cambiar distribución",
+  "Camera {{n}}": "Cámara {{n}}",
+  "Camera": "Cámara",
+  "Call type menu": "Menú de tipo de llamada",
+  "Call link copied": "Enlace de la llamada copiado",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Otro usuario en esta llamada está teniendo problemas. Para diagnosticar estos problemas nos gustaría recopilar un registro de depuración.",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "Audio": "Audio",
+  "Avatar": "Avatar",
+  "Accept camera/microphone permissions to join the call.": "Acepta los permisos de cámara/micrófono para unirte a la llamada.",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Crear una cuenta</0> o <2>Acceder como invitado</2>",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Unirse ahora</0><1>Or</1><2>Copiar el enlace y unirse más tarde</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>¿Ya tienes una cuenta?</0><1><0>Iniciar sesión</0> o <2>Acceder como invitado</2></1>",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Llamada de Walkie-talkie",
+  "{{name}} is talking…": "{{name}} está hablando…",
+  "{{name}} is presenting": "{{name}} está presentando",
+  "{{name}} (Connecting...)": "{{name}} (Conectando...)",
+  "{{displayName}}, your call is now ended": "{{displayName}}, tu llamada ha finalizado",
+  "{{count}} people connected|other": "{{count}} personas conectadas",
+  "{{count}} people connected|one": "{{count}} persona conectada",
+  "Allow analytics": "Permitir analíticas",
+  "Advanced": "Avanzado",
+  "Element Call Home": "Inicio de Element Call",
+  "Copy": "Copiar",
+  "This will send anonymised data (such as the duration of a call and the number of participants) to the Element Call team to help us optimise the application based on how it is used.": "Esto enviará datos anónimos (como la duración de la llamada y el número de participantes) al equipo de Element Call para ayudarnos a optimizar la aplicación dependiendo de cómo se use.",
+  "Whether to enable single-key keyboard shortcuts, e.g. 'm' to mute/unmute the mic.": "Habilita los atajos de teclado de una sola tecla, por ejemplo 'm' para silenciar/desilenciar el micrófono.",
+  "Single-key keyboard shortcuts": "Atajos de teclado de una sola tecla",
+  "{{name}} (Waiting for video...)": "{{name}} (Esperando al video...)"
+}

public/locales/et/app.json

@@ -0,0 +1,143 @@
+{
+  "Accept camera/microphone permissions to join the call.": "Kõnega liitumiseks anna õigused kaamera/mikrofoni kasutamiseks.",
+  "Accept microphone permissions to join the call.": "Kõnega liitumiseks anna õigused mikrofoni kasutamiseks.",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Kas soovid salasõna seadistada ja sellega oma kasutajakonto alles jätta?</0><1>Nii saad säilitada oma nime ja määrata profiilipildi, mida saad kasutada tulevastes kõnedes</1>",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Liitu kõnega kohe</0><1> Või</1><2>Kopeeri kõne link ja liitu hiljem</2>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Loo konto</0> Või <2>Sisene külalisena</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>On sul juba konto?</0><1><0>Logi sisse</0> Või <2>Logi sisse külalisena</2></1>",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - walkie-talkie-kõne",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{name}} is talking…": "{{nimi}} räägib…",
+  "{{name}} is presenting": "{{nimi}} esitab",
+  "{{name}} (Connecting...)": "{{nimi}} (ühendamisel...)",
+  "{{displayName}}, your call is now ended": "{{displayName}}, sinu kõne on nüüd lõppenud",
+  "{{count}} people connected|other": "{{count}} osalejat liitunud",
+  "{{count}} people connected|one": "{{count}} osaleja liitunud",
+  "Invite people": "Kutsu inimesi",
+  "Invite": "Kutsu",
+  "Inspector": "Inspektor",
+  "Incompatible versions!": "Ühildumatud versioonid!",
+  "Incompatible versions": "Ühildumatud versioonid",
+  "Include debug logs": "Lisa veatuvastuslogid",
+  "Home": "Avavaatesse",
+  "Having trouble? Help us fix it.": "Kas on probleeme? Aita meil asja parandada.",
+  "Grid layout menu": "Ruudustikvaate menüü",
+  "Go": "Jätka",
+  "Full screen": "Täisekraan",
+  "Freedom": "Vaba",
+  "Fetching group call timed out.": "Grupikõne kättesaamine aegus.",
+  "Exit full screen": "Välju täisekraanivaatest",
+  "Download debug logs": "Lae alla veatuvastuslogid",
+  "Display name": "Kuvatav nimi",
+  "Developer": "Arendaja",
+  "Details": "Täpsemalt",
+  "Description (optional)": "Kirjeldus (valikuline)",
+  "Debug log request": "Veaotsingulogi päring",
+  "Debug log": "Veaotsingulogi",
+  "Create account": "Loo konto",
+  "Copy and share this call link": "Kopeeri ja jaga selle kõne linki",
+  "Copied!": "Kopeeritud!",
+  "Connection lost": "Ühendus on katkenud",
+  "Confirm password": "Kinnita salasõna",
+  "Close": "Sulge",
+  "Change layout": "Muuda paigutust",
+  "Camera/microphone permissions needed to join the call.": "Kõnega liitumiseks vajalikud kaamera/mikrofoni kasutamise load.",
+  "Camera {{n}}": "Kaamera {{n}}",
+  "Camera": "Kaamera",
+  "Call type menu": "Kõnetüübi valik",
+  "Call link copied": "Kõne link on kopeeritud",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Klõpsides „Liitu kõnega“nõustud sa meie <2>kasutustingimustega</2>",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Klõpsides „Jätka“nõustud sa meie <2>kasutustingimustega</2>",
+  "Avatar": "Tunnuspilt",
+  "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.",
+  "Press and hold spacebar to talk": "Rääkimiseks vajuta ja hoia all tühikuklahvi",
+  "Passwords must match": "Salasõnad ei klapi",
+  "Password": "Salasõna",
+  "Not registered yet? <2>Create an account</2>": "Pole veel registreerunud? <2>Loo kasutajakonto</2>",
+  "Not now, return to home screen": "Mitte praegu, mine tagasi avalehele",
+  "No": "Ei",
+  "Mute microphone": "Summuta mikrofon",
+  "Your recent calls": "Hiljutised kõned",
+  "You can't talk at the same time": "Üheaegselt ei saa rääkida",
+  "More menu": "Rohkem valikuid",
+  "More": "Rohkem",
+  "Microphone permissions needed to join the call.": "Kõnega liitumiseks on vaja lubada mikrofoni kasutamine.",
+  "Microphone {{n}}": "Mikrofon {{n}}",
+  "Microphone": "Mikrofon",
+  "Login to your account": "Logi oma kontosse sisse",
+  "Login": "Sisselogimine",
+  "Logging in…": "Sisselogimine …",
+  "Local volume": "Kohalik helitugevus",
+  "Loading…": "Laadimine …",
+  "Loading room…": "Ruumi laadimine …",
+  "Leave": "Lahku",
+  "Join existing call?": "Liitu juba käimasoleva kõnega?",
+  "Join call now": "Kõnega liitumine",
+  "Join call": "Kõnega liitumine",
+  "User ID": "Kasutajatunnus",
+  "Turn on camera": "Lülita kaamera sisse",
+  "Turn off camera": "Lülita kaamera välja",
+  "Submitting feedback…": "Tagasiside saatmine…",
+  "Take me Home": "Mine avalehele",
+  "Submit feedback": "Jaga tagasisidet",
+  "Stop sharing screen": "Lõpeta ekraani jagamine",
+  "Spotlight": "Rambivalgus",
+  "Speaker {{n}}": "Kõlar {{n}}",
+  "Speaker": "Kõlar",
+  "Spatial audio": "Ruumiline heli",
+  "Sign out": "Logi välja",
+  "Sign in": "Logi sisse",
+  "Show call inspector": "Näita kõneteavet",
+  "Share screen": "Jaga ekraani",
+  "Settings": "Seadistused",
+  "Sending…": "Saatmine…",
+  "Sending debug logs…": "Veaotsingulogide saatmine…",
+  "Send debug logs": "Saada veaotsingulogid",
+  "Select an option": "Vali oma eelistus",
+  "Saving…": "Salvestamine…",
+  "Save": "Salvesta",
+  "Return to home screen": "Tagasi avalehele",
+  "Remove": "Eemalda",
+  "Release to stop": "Peatamiseks vabasta klahv",
+  "Release spacebar key to stop": "Peatamiseks vabasta tühikuklahv",
+  "Registering…": "Registreerimine…",
+  "Register": "Registreeru",
+  "Recaptcha not loaded": "Robotilõks pole laetud",
+  "Recaptcha dismissed": "Robotilõks on vahele jäetud",
+  "Profile": "Profiil",
+  "Press and hold to talk over {{name}}": "{{name}} ülerääkimiseks vajuta ja hoia all",
+  "Press and hold to talk": "Rääkimiseks vajuta ja hoia all",
+  "Press and hold spacebar to talk over {{name}}": "{{name}} ülerääkimiseks vajuta ja hoia all tühikuklahvi",
+  "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>",
+  "Waiting for other participants…": "Ootame teiste osalejate lisandumist…",
+  "Waiting for network": "Ootame võrguühendust",
+  "Video call name": "Videokõne nimi",
+  "Video call": "Videokõne",
+  "Video": "Video",
+  "Version: {{version}}": "Versioon: {{version}}",
+  "Username": "Kasutajanimi",
+  "This call already exists, would you like to join?": "See kõne on juba olemas, kas soovid liituda?",
+  "Talking…": "Jutt käib…",
+  "Talk over speaker": "Räägi teisest kõnelejast üle",
+  "Thanks! We'll get right on it.": "Tänud! Tegeleme sellega esimesel võimalusel.",
+  "Unmute microphone": "Aktiveeri mikrofon",
+  "User menu": "Kasutajamenüü",
+  "Yes, join call": "Jah, liitu kõnega",
+  "Walkie-talkie call": "Walkie-talkie stiilis kõne",
+  "Walkie-talkie call name": "Walkie-talkie stiilis kõne nimi",
+  "WebRTC is not supported or is being blocked in this browser.": "WebRTC pole kas selles brauseris toetatud või on keelatud.",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Muudab kõneleja heli nii, nagu tuleks see sealt, kus on tema pilt ekraanil. (See on katseline funktsionaalsus ja võib mõjutada heli stabiilsust.)",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Siin saidis on kasutusel ReCAPTCHA ning kehtivad Google <2>privaatsuspoliitika</2> ja <6>teenusetingimused</6>.<9></9>Klikkides „Registreeru“, nõustud meie <12>kasutustingimustega</12>",
+  "Allow analytics": "Luba analüütika",
+  "Advanced": "Lisaseadistused",
+  "Element Call Home": "Element Call Home",
+  "Copy": "Kopeeri",
+  "This will send anonymised data (such as the duration of a call and the number of participants) to the Element Call team to help us optimise the application based on how it is used.": "Me saadame kõne anonüümsed andmed (nagu kõne kestus ja osalejate arv) meie arendustiimile ja see võimaldab levinud kasutusmustrite alusel arendust optimeerida.",
+  "Whether to enable single-key keyboard shortcuts, e.g. 'm' to mute/unmute the mic.": "Kas kasutame üheklahvilisi kiirklahve, näiteks „m“ mikrofoni sisse/välja lülitamiseks.",
+  "Single-key keyboard shortcuts": "Üheklahvilised kiirklahvid",
+  "{{name}} (Waiting for video...)": "{{name}} (Ootame videovoo algust...)",
+  "This feature is only supported on Firefox.": "See funktsionaalsus on toetatud vaid Firefoxis.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Kui saadad meile vealogid, siis on lihtsam vea põhjust otsida.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Ohoo, midagi on nüüd katki.</0>"
+}

public/locales/fa/app.json

@@ -0,0 +1,140 @@
+{
+  "Your recent calls": "تماس‌های اخیر شما",
+  "Video call": "تماس تصویری",
+  "Video": "ویدیو",
+  "Username": "نام کاربری",
+  "User ID": "آی دی کاربر",
+  "Turn on camera": "روشن کردن دوربین",
+  "Turn off camera": "خاموش کردن دوربین",
+  "Take me Home": "مرا به خانه ببر",
+  "Speaker": "بلندگو",
+  "Sign out": "خروج",
+  "Sign in": "ورود",
+  "Settings": "تنظیمات",
+  "Save": "ذخیره",
+  "Profile": "پروفایل",
+  "Password": "رمز عبور",
+  "No": "خیر",
+  "Mute microphone": "بی‌صدا کردن میکروفون",
+  "More": "بیشتر",
+  "Microphone": "میکروفون",
+  "Login to your account": "به حساب کاربری خود وارد شوید",
+  "Login": "ورود",
+  "Loading…": "بارگزاری…",
+  "Loading room…": "بارگزاری اتاق…",
+  "Leave": "خروج",
+  "Join existing call?": "پیوست به تماس؟",
+  "Join call now": "الان به تماس بپیوند",
+  "Join call": "پیوستن به تماس",
+  "Invite people": "دعوت از افراد",
+  "Invite": "دعوت",
+  "Home": "خانه",
+  "Go": "رفتن",
+  "Full screen": "تمام صحفه",
+  "Freedom": "آزادی",
+  "Exit full screen": "خروج از حالت تمام صفحه",
+  "Download debug logs": "دانلود لاگ عیب‌یابی",
+  "Display name": "نام نمایشی",
+  "Developer": "توسعه دهنده",
+  "Details": "جزئیات",
+  "Description (optional)": "توضیحات (اختیاری)",
+  "Debug log request": "درخواست لاگ عیب‌یابی",
+  "Debug log": "لاگ عیب‌یابی",
+  "Create account": "ساخت حساب کاربری",
+  "Copy and share this call link": "لینک تماس را کپی کنید و به اشتراک بگذارید",
+  "Copied!": "کپی شد!",
+  "Connection lost": "ارتباط قطع شد",
+  "Confirm password": "تایید رمزعبور",
+  "Close": "بستن",
+  "Change layout": "تغییر طرح",
+  "Camera/microphone permissions needed to join the call.": "برای پیوستن به تماس، دسترسی به دوربین/ میکروفون نیاز است.",
+  "Camera {{n}}": "دوربین {{n}}",
+  "Camera": "دوربین",
+  "Call type menu": "منوی نوع تماس",
+  "Call link copied": "لینک تماس کپی شد",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "با کلیک بر روی پیوستن به تماس، شما با <2>شرایط و قوانین استفاده</2> موافقت می‌کنید",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "با کلیک بر روی برو، شما با <2>شرایط و قوانین استفاده</2> موافقت می‌کنید",
+  "Avatar": "آواتار",
+  "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.": "کاربر دیگری در این تماس مشکلی دارد. برای تشخیص بهتر مشکل، بهتر است ما لاگ عیب‌یابی را جمع‌آوری کنیم.",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "Accept microphone permissions to join the call.": "پذیرفتن دسترسی به میکروفون برای پیوستن به تماس.",
+  "Accept camera/microphone permissions to join the call.": "پذیرفتن دسترسی دوربین/ میکروفون برای پیوستن به تماس.",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>چرا یک رمز عبور برای حساب کاربری خود تنظیم نمی‌کنید؟</0><1>شما می‌توانید نام خود را حفظ کنید و یک آواتار برای تماس‌های آینده بسازید</1>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>ساخت حساب کاربری</0> Or <2>دسترسی به عنوان میهمان</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>از قبل حساب کاربری دارید؟</0><1><0>ورود</0> Or <2>به عنوان یک میهمان وارد شوید</2></1>",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - تماس واکی-تاکی",
+  "{{name}} is talking…": "{{name}} در حال صحبت است…",
+  "{{name}} is presenting": "{{name}} حاضر است",
+  "{{displayName}}, your call is now ended": "{{displayName}} تماس شما پایان یافت",
+  "{{count}} people connected|other": "{{count}} نفر متصل هستند",
+  "{{count}} people connected|one": "{{count}} فرد متصل هستند",
+  "Local volume": "حجم داخلی",
+  "Inspector": "بازرس",
+  "Incompatible versions!": "نسخه‌های ناسازگار!",
+  "Incompatible versions": "نسخه‌های ناسازگار",
+  "Spotlight": "نور افکن",
+  "Speaker {{n}}": "بلندگو {{n}}",
+  "Show call inspector": "نمایش بازرس تماس",
+  "Share screen": "اشتراک گذاری صفحه نمایش",
+  "Sending…": "در حال ارسال…",
+  "Sending debug logs…": "در حال ارسال باگ‌های عیب‌یابی…",
+  "Send debug logs": "ارسال لاگ‌های عیب‌یابی",
+  "Select an option": "یک گزینه را انتخاب کنید",
+  "Saving…": "در حال ذخیره…",
+  "Return to home screen": "برگشت به صفحه اصلی",
+  "Remove": "حذف",
+  "Release to stop": "برای توقف رها کنید",
+  "Release spacebar key to stop": "اسپیس بار را برای توقف رها کنید",
+  "Registering…": "ثبت‌نام…",
+  "Register": "ثبت‌نام",
+  "Recaptcha not loaded": "کپچا بارگیری نشد",
+  "Recaptcha dismissed": "ریکپچا رد شد",
+  "Press and hold to talk over {{name}}": "برای صحبت فشار دهید و نگه‌دارید {{name}}",
+  "Press and hold to talk": "برای صحبت فشار دهید و نگه‌دارید",
+  "Press and hold spacebar to talk over {{name}}": "برای صحبت کردن دکمه اسپیس بار را فشار دهید و نگه دارید {{name}}",
+  "Press and hold spacebar to talk": "برای صحبت کردن کلید فاصله را فشار داده و نگه دارید",
+  "Passwords must match": "رمز عبور باید همخوانی داشته باشد",
+  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "کاربران دیگر تلاش می‌کنند با ورژن‌های ناسازگار به مکالمه بپیوندند. این کاربران باید از بروزرسانی مرورگرشان اطمینان داشته باشند:<1>{userLis}</1>",
+  "Not registered yet? <2>Create an account</2>": "هنوز ثبت‌نام نکرده‌اید؟ <2>ساخت حساب کاربری</2>",
+  "Not now, return to home screen": "الان نه، به صفحه اصلی برگردید",
+  "More menu": "تنظیمات بیشتر",
+  "Microphone permissions needed to join the call.": "برای پیوستن به مکالمه دسترسی به میکروفون نیاز است.",
+  "Microphone {{n}}": "میکروفون {{n}}",
+  "Logging in…": "ورود…",
+  "Include debug logs": "شامل لاگ‌های عیب‌یابی",
+  "Having trouble? Help us fix it.": "با مشکلی رو به رو شدید؟ به ما کمک کنید رفعش کنیم.",
+  "Grid layout menu": "منوی طرح‌بندی شبکه‌ای",
+  "Fetching group call timed out.": "زمان اتصال به مکالمه گروهی تمام شد.",
+  "You can't talk at the same time": "نمی توانید هم‌زمان صحبت کنید",
+  "Yes, join call": "بله، به تماس بپیوندید",
+  "WebRTC is not supported or is being blocked in this browser.": "WebRTC (ارتباطات رسانه‌ای بلادرنگ مانند انتقال صدا، ویدئو و داده‌) در این مرورگر پشتیبانی نمی‌شود یا در حال مسدود شدن است.",
+  "Walkie-talkie call name": "نامِ تماسِ واکی-تاکی",
+  "Walkie-talkie call": "تماسِ واکی-تاکی",
+  "Waiting for other participants…": "در انتظار برای دیگر شرکت‌کنندگان…",
+  "Waiting for network": "در انتظار شبکه",
+  "Video call name": "نامِ تماسِ تصویری",
+  "Version: {{version}}": "نسخه: {{نسخه}}",
+  "User menu": "فهرست کاربر",
+  "Unmute microphone": "ناخموشی میکروفون",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "این کار باعث می‌شود به نظر برسد صدای بلندگو از جایی که کاشی‌اش روی صفحه قرار گرفته می‌آید (ویژگی آزمایشی: ممکن است بر پایداری صدا تأثیر بگذارد.)",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "این سایت توسط ReCAPTCHA محافظت می شود و <2>خط مشی رازداری</2> و <6>شرایط خدمات</6> Google اعمال می شود.<9></9>با کلیک کردن بر روی \"ثبت نام\"، شما با <12 >شرایط و ضوابط </12> ما موافقت می کنید",
+  "This call already exists, would you like to join?": "این تماس از قبل وجود دارد، می‌خواهید بپیوندید؟",
+  "Thanks! We'll get right on it.": "با تشکر! ما به درستی آن را انجام خواهیم داد.",
+  "Talking…": "در حال صحبت کردن…",
+  "Talk over speaker": "روی بلندگو صحبت کنید",
+  "Submitting feedback…": "در حال ارسال بازخورد…",
+  "Submit feedback": "بازخورد ارائه دهید",
+  "Stop sharing screen": "توقف اشتراک‌گذاری صفحه نمایش",
+  "Spatial audio": "صدای جهت‌دار",
+  "Whether to enable single-key keyboard shortcuts, e.g. 'm' to mute/unmute the mic.": "این که میان‌برهای صفحه‌کلید تک‌کلیده مثل m برای خموشی و ناخموشی میکروفون به کار بیفتند یا نه.",
+  "This will send anonymised data (such as the duration of a call and the number of participants) to the Element Call team to help us optimise the application based on how it is used.": "داده‌های ناشناس شده (از اطَلاعاتی مثل طول تماس و شمارهٔ طرف‌ها) را به گروه تماس المنت فرستاده تا در بهینه‌سازی برنامه بر پایهٔ چگونگی استفاده‌اش یاریمان کنند.",
+  "Single-key keyboard shortcuts": "میان‌برهای صفحه‌کلید تک‌کلیده",
+  "Element Call Home": "خانهٔ تماس المنت",
+  "Copy": "رونوشت",
+  "Allow analytics": "نمایش تجزیه‌ها",
+  "Advanced": "پیش رفته",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>اکنون به تماس پیوسته</0><1>یا</1><2>پیوند تماس را رونوشت کرده و بعداً بپیوندید</2>",
+  "{{name}} (Waiting for video...)": "{{name}} (منتظر تصویر…)",
+  "{{name}} (Connecting...)": "{{name}} (وصل شدن…)"
+}

public/locales/fr/app.json

@@ -0,0 +1,143 @@
+{
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Créer un compte</0> Or <2>Accès invité</2>",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Pourquoi ne pas créer un mot de passe pour conserver votre compte ?</0><1>Vous pourrez garder votre nom et définir un avatar pour vos futurs appels</1>",
+  "Accept camera/microphone permissions to join the call.": "Autorisez l’accès à votre caméra et microphone pour rejoindre l’appel.",
+  "Accept microphone permissions to join the call.": "Autorisez l’accès au microphone pour rejoindre l’appel.",
+  "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",
+  "Avatar": "Avatar",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "En cliquant sur « Commencer » vous acceptez nos <2>conditions d’utilisation</2>",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "En cliquant sur « Rejoindre l’appel » vous acceptez nos <2>conditions d’utilisation</2>",
+  "Call link copied": "Lien de l’appel copié",
+  "Call type menu": "Menu de type d’appel",
+  "Camera": "Caméra",
+  "Camera {{n}}": "Caméra {{n}}",
+  "Camera/microphone permissions needed to join the call.": "Accès à la caméra et au microphone requis pour rejoindre l’appel.",
+  "Change layout": "Changer la disposition",
+  "Close": "Fermer",
+  "Confirm password": "Confirmer le mot de passe",
+  "Connection lost": "Connexion interrompue",
+  "Copied!": "Copié !",
+  "Copy and share this call link": "Copier et partager le lien de cet appel",
+  "Create account": "Créer un compte",
+  "Debug log": "Journal de débogage",
+  "Debug log request": "Demande d’un journal de débogage",
+  "Description (optional)": "Description (facultatif)",
+  "Details": "Informations",
+  "Developer": "Développeur",
+  "Display name": "Nom d’affichage",
+  "Download debug logs": "Télécharger les journaux de débogage",
+  "Exit full screen": "Quitter le plein écran",
+  "Freedom": "Libre",
+  "Full screen": "Plein écran",
+  "Go": "Commencer",
+  "Grid layout menu": "Menu en grille",
+  "Having trouble? Help us fix it.": "Un problème ? Aidez nous à le résoudre.",
+  "Home": "Accueil",
+  "Include debug logs": "Inclure les journaux de débogage",
+  "Incompatible versions": "Versions incompatibles",
+  "Incompatible versions!": "Versions incompatibles !",
+  "Inspector": "Inspecteur",
+  "Invite people": "Inviter des gens",
+  "Join call": "Rejoindre l’appel",
+  "Join call now": "Rejoindre l’appel maintenant",
+  "Join existing call?": "Rejoindre un appel existant ?",
+  "Leave": "Partir",
+  "Loading room…": "Chargement du salon…",
+  "Loading…": "Chargement…",
+  "Local volume": "Volume local",
+  "Logging in…": "Connexion…",
+  "Login": "Connexion",
+  "Login to your account": "Connectez vous à votre compte",
+  "Microphone": "Microphone",
+  "Microphone permissions needed to join the call.": "Accès au microphone requis pour rejoindre l’appel.",
+  "Microphone {{n}}": "Microphone {{n}}",
+  "More": "Plus",
+  "More menu": "Menu plus",
+  "Mute microphone": "Couper le micro",
+  "No": "Non",
+  "Not now, return to home screen": "Pas maintenant, retourner à l’accueil",
+  "Not registered yet? <2>Create an account</2>": "Pas encore de compte ? <2>En créer un</2>",
+  "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>",
+  "Password": "Mot de passe",
+  "Passwords must match": "Les mots de passe doivent correspondre",
+  "Press and hold spacebar to talk": "Appuyez et maintenez la barre d’espace enfoncée pour parler",
+  "Press and hold spacebar to talk over {{name}}": "Appuyez et maintenez la barre d’espace enfoncée pour parler par dessus {{name}}",
+  "Press and hold to talk": "Appuyez et maintenez enfoncé pour parler",
+  "Press and hold to talk over {{name}}": "Appuyez et maintenez enfoncé pour parler par dessus {{name}}",
+  "Profile": "Profil",
+  "Recaptcha dismissed": "Recaptcha refusé",
+  "Recaptcha not loaded": "Recaptcha non chargé",
+  "Register": "S’enregistrer",
+  "Registering…": "Enregistrement…",
+  "Release spacebar key to stop": "Relâcher la barre d’espace pour arrêter",
+  "Release to stop": "Relâcher pour arrêter",
+  "Remove": "Supprimer",
+  "Return to home screen": "Retour à l’accueil",
+  "Save": "Enregistrer",
+  "Saving…": "Enregistrement…",
+  "Select an option": "Sélectionnez une option",
+  "Send debug logs": "Envoyer les journaux de débogage",
+  "Sending…": "Envoi…",
+  "Settings": "Paramètres",
+  "Share screen": "Partage d’écran",
+  "Show call inspector": "Afficher l’inspecteur d’appel",
+  "Sign in": "Connexion",
+  "Sign out": "Déconnexion",
+  "Spatial audio": "Audio spatialisé",
+  "Spotlight": "Premier plan",
+  "Stop sharing screen": "Arrêter le partage d’écran",
+  "Submit feedback": "Envoyer des retours",
+  "Submitting feedback…": "Envoi des retours…",
+  "Take me Home": "Retouner à l’accueil",
+  "Talk over speaker": "Parler par dessus l’intervenant",
+  "Thanks! We'll get right on it.": "Merci ! Nous allons nous y attaquer.",
+  "This call already exists, would you like to join?": "Cet appel existe déjà, voulez-vous le rejoindre ?",
+  "{{name}} is presenting": "{{name}} est le présentateur",
+  "Fetching group call timed out.": "Échec de connexion à l’appel de groupe dans le temps imparti.",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} — Appel talkie-walkie",
+  "{{name}} is talking…": "{{name}} est en train de parler…",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{displayName}}, your call is now ended": "{{displayName}}, votre appel est désormais terminé",
+  "{{count}} people connected|other": "{{count}} personnes connectées",
+  "{{count}} people connected|one": "{{count}} personne connectée",
+  "Your recent calls": "Appels récents",
+  "You can't talk at the same time": "Vous ne pouvez pas parler en même temps",
+  "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.",
+  "Walkie-talkie call name": "Nom de l’appel talkie-walkie",
+  "Walkie-talkie call": "Appel talkie-walkie",
+  "Waiting for other participants…": "En attente d’autres participants…",
+  "Waiting for network": "En attente du réseau",
+  "Video call name": "Nom de l’appel vidéo",
+  "Video call": "Appel vidéo",
+  "Video": "Vidéo",
+  "Version: {{version}}": "Version : {{version}}",
+  "Username": "Nom d’utilisateur",
+  "User menu": "Menu utilisateur",
+  "User ID": "Identifiant utilisateur",
+  "Unmute microphone": "Allumer le micro",
+  "Turn on camera": "Allumer la caméra",
+  "Turn off camera": "Couper la caméra",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Cela donnera l’impression que le son de l’intervenant provient de là où leur tuile est positionnée sur l’écran. (Fonctionnalité expérimentale : ceci pourrait avoir un impact sur la stabilité du son.)",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Ce site est protégé par ReCAPTCHA, la <2>politique de confidentialité</2> et les <6>conditions d’utilisation</6> de Google s’appliquent.<9></9>En cliquant sur « S’enregistrer » vous acceptez également nos <12>conditions d’utilisation</12>",
+  "Talking…": "Vous parlez…",
+  "Speaker {{n}}": "Intervenant {{n}}",
+  "Speaker": "Intervenant",
+  "Invite": "Inviter",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Vous avez déjà un compte ?</0><1><0>Se connecter</0> Ou <2>Accès invité</2></1>",
+  "Sending debug logs…": "Envoi des journaux de débogage…",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Rejoindre l’appel maintenant</0><1>Ou</1><2>Copier le lien de l’appel et rejoindre plus tard</2>",
+  "{{name}} (Connecting...)": "{{name}} (Connexion…)",
+  "Allow analytics": "Autoriser les statistiques",
+  "Advanced": "Avancé",
+  "Element Call Home": "Accueil Element Call",
+  "Copy": "Copier",
+  "This will send anonymised data (such as the duration of a call and the number of participants) to the Element Call team to help us optimise the application based on how it is used.": "Cela enverra des données anonymisées (telles que la durée d’un appel et le nombre de participants) à l’équipe de Element Call pour aider à optimiser l’application en fonction de l’utilisation.",
+  "Whether to enable single-key keyboard shortcuts, e.g. 'm' to mute/unmute the mic.": "Bascule sur les raccourcis clavier à touche unique, par exemple « m » pour désactiver / activer le micro.",
+  "Single-key keyboard shortcuts": "Raccourcis clavier en une touche",
+  "{{name}} (Waiting for video...)": "{{name}} (En attente de vidéo…)",
+  "This feature is only supported on Firefox.": "Cette fonctionnalité est prise en charge dans Firefox uniquement.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Soumettre les journaux de débogage nous aidera à déterminer le problème.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Oups, quelque chose s’est mal passé.</0>"
+}

public/locales/id/app.json

@@ -0,0 +1,143 @@
+{
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Sudah punya akun?</0><1><0>Masuk</0> Atau <2>Akses sebagai tamu</2></1>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Buat akun</0> Atau <2>Akses sebagai tamu</2>",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Kenapa tidak selesaikan dengan mengatur sebuah kata sandi untuk menjaga akun Anda?</0><1>Anda akan dapat tetap menggunakan nama Anda dan atur sebuah avatar untuk digunakan dalam panggilan di masa mendatang</1>",
+  "Accept camera/microphone permissions to join the call.": "Terima izin kamera/mikrofon untuk bergabung ke panggilan.",
+  "Accept microphone permissions to join the call.": "Terima izin mikrofon untuk bergabung ke panggilan.",
+  "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.",
+  "Audio": "Audio",
+  "Avatar": "Avatar",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Dengan mengeklik \"Bergabung\", Anda terima <2>syarat dan ketentuan</2> kami",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Dengan mengeklik \"Bergabung ke panggilan sekarang\", Anda terima <2>syarat dan ketentuan</2> kami",
+  "Call link copied": "Tautan panggilan disalin",
+  "Call type menu": "Menu jenis panggilan",
+  "Camera": "Kamera",
+  "Camera {{n}}": "Kamera {{n}}",
+  "Camera/microphone permissions needed to join the call.": "Izin kamera/mikrofon dibutuhkan untuk bergabung ke panggilan.",
+  "Change layout": "Ubah tata letak",
+  "Close": "Tutup",
+  "Confirm password": "Konfirmasi kata sandi",
+  "Connection lost": "Koneksi hilang",
+  "Copied!": "Disalin!",
+  "Copy and share this call link": "Salin dan bagikan tautan panggilan ini",
+  "Create account": "Buat akun",
+  "Debug log": "Catatan pengawakutuan",
+  "Debug log request": "Permintaan catatan pengawakutuan",
+  "Description (optional)": "Deskripsi (opsional)",
+  "Details": "Detail",
+  "Developer": "Pengembang",
+  "Display name": "Nama tampilan",
+  "Download debug logs": "Unduh catatan pengawakutuan",
+  "Exit full screen": "Keluar dari layar penuh",
+  "Fetching group call timed out.": "Waktu pendapatan panggilan grup habis.",
+  "Freedom": "Bebas",
+  "Full screen": "Layar penuh",
+  "Go": "Bergabung",
+  "Grid layout menu": "Menu tata letak kisi",
+  "Having trouble? Help us fix it.": "Mengalami masalah? Bantu kami memperbaikinya.",
+  "Home": "Beranda",
+  "Include debug logs": "Termasuk catatan pengawakutuan",
+  "Incompatible versions": "Versi tidak kompatibel",
+  "Incompatible versions!": "Versi tidak kompatibel!",
+  "Inspector": "Inspektur",
+  "Invite": "Undang",
+  "Invite people": "Undang orang",
+  "Join call": "Bergabung ke panggilan",
+  "Join call now": "Bergabung ke panggilan sekarang",
+  "Join existing call?": "Bergabung ke panggilan yang sudah ada?",
+  "Leave": "Keluar",
+  "Loading room…": "Memuat ruangan…",
+  "Loading…": "Memuat…",
+  "Local volume": "Volume lokal",
+  "Logging in…": "Memasuki…",
+  "Login": "Masuk",
+  "Login to your account": "Masuk ke akun Anda",
+  "Microphone": "Mikrofon",
+  "Microphone permissions needed to join the call.": "Izin mikrofon dibutuhkan untuk bergabung ke panggilan ini.",
+  "Microphone {{n}}": "Mikrofon {{n}}",
+  "More": "Lainnya",
+  "More menu": "Menu lainnya",
+  "Mute microphone": "Bisukan mikrofon",
+  "No": "Tidak",
+  "Not now, return to home screen": "Tidak sekarang, kembali ke layar beranda",
+  "Not registered yet? <2>Create an account</2>": "Belum terdaftar? <2>Buat sebuah akun</2>",
+  "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",
+  "Passwords must match": "Kata sandi harus cocok",
+  "Press and hold spacebar to talk": "Tekan dan tahan bilah spasi untuk berbicara",
+  "Press and hold spacebar to talk over {{name}}": "Tekan dan tahan bilah spasi untuk berbicara pada {{name}}",
+  "Press and hold to talk": "Tekan dan tahan untuk berbicara",
+  "Press and hold to talk over {{name}}": "Tekan dan tahan untuk berbicara pada {{name}}",
+  "Profile": "Profil",
+  "Recaptcha dismissed": "Recaptcha ditutup",
+  "Recaptcha not loaded": "Recaptcha tidak dimuat",
+  "Register": "Daftar",
+  "Registering…": "Mendaftarkan…",
+  "Release spacebar key to stop": "Lepaskan bilah spasi untuk berhenti",
+  "Release to stop": "Lepaskan untuk berhenti",
+  "Remove": "Hapus",
+  "Return to home screen": "Kembali ke layar beranda",
+  "Save": "Simpan",
+  "Saving…": "Menyimpan…",
+  "Select an option": "Pilih sebuah opsi",
+  "Send debug logs": "Kirim catatan pengawakutuan",
+  "Sending…": "Mengirimkan…",
+  "Settings": "Pengaturan",
+  "Share screen": "Bagikan layar",
+  "Show call inspector": "Tampilkan inspektur panggilan",
+  "Sign in": "Masuk",
+  "Sign out": "Keluar",
+  "Spatial audio": "Audio spasial",
+  "Speaker": "Pembicara",
+  "Speaker {{n}}": "Pembicara {{n}}",
+  "Spotlight": "Sorotan",
+  "Stop sharing screen": "Berhenti membagikan layar",
+  "Submit feedback": "Kirim masukan",
+  "Submitting feedback…": "Mengirimkan masukan…",
+  "Take me Home": "Bawa saya ke Beranda",
+  "Talk over speaker": "Bicara pada pembicara",
+  "Talking…": "Berbicara…",
+  "Thanks! We'll get right on it.": "Terima kasih! Kami akan melihatnya.",
+  "This call already exists, would you like to join?": "Panggilan ini sudah ada, apakah Anda ingin bergabung?",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Situs ini dilindungi oleh ReCAPTCHA dan <2>Kebijakan Privasi</2> dan <6>Ketentuan Layanan</6> Google berlaku.<9>Dengan mengeklik \"Daftar\", Anda terima <12>syarat dan ketentuan</12> kami",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Ini akan membuat suara pembicara seolah-olah berasal dari tempat ubin mereka diposisikan di layar. (Fitur uji coba: ini dapat memengaruhi stabilitas audio.)",
+  "Turn off camera": "Matikan kamera",
+  "Turn on camera": "Nyalakan kamera",
+  "Unmute microphone": "Suarakan mikrofon",
+  "User ID": "ID pengguna",
+  "User menu": "Menu pengguna",
+  "Username": "Nama pengguna",
+  "Version: {{version}}": "Versi: {{version}}",
+  "Video": "Video",
+  "Video call": "Panggilan video",
+  "Video call name": "Nama panggilan video",
+  "Waiting for network": "Menunggu jaringan",
+  "Waiting for other participants…": "Menunggu peserta lain…",
+  "Walkie-talkie call": "Panggilan protofon",
+  "Walkie-talkie call name": "Nama panggilan protofon",
+  "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",
+  "You can't talk at the same time": "Anda tidak dapat berbicara pada waktu yang sama",
+  "Your recent calls": "Panggilan Anda terkini",
+  "{{count}} people connected|one": "{{count}} orang terhubung",
+  "{{count}} people connected|other": "{{count}} orang terhubung",
+  "{{displayName}}, your call is now ended": "{{displayName}}, panggilan Anda sekarang telah berakhir",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{name}} is presenting": "{{name}} sedang mempresentasi",
+  "{{name}} is talking…": "{{name}} sedang berbicara…",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Panggilan protofon",
+  "Sending debug logs…": "Mengirimkan catatan pengawakutuan…",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Bergabung panggilan sekarang</0><1>Atau</1><2>Salin tautan dan bergabung nanti</2>",
+  "{{name}} (Connecting...)": "{{name}} (Menghubungkan...)",
+  "Allow analytics": "Perbolehkan analitik",
+  "Advanced": "Tingkat lanjut",
+  "Element Call Home": "Beranda Element Call",
+  "Copy": "Salin",
+  "This will send anonymised data (such as the duration of a call and the number of participants) to the Element Call team to help us optimise the application based on how it is used.": "Ini akan mengirimkan data anonim (seperti durasi dan jumlah peserta panggilan) ke tim Element Call untuk membantu kami mengoptimalkan aplikasi berdasarkan bagaimana penggunaannya.",
+  "Whether to enable single-key keyboard shortcuts, e.g. 'm' to mute/unmute the mic.": "Apakah pintasan papan ketik seharusnya diaktifkan, mis. 'm' untuk membisukan/menyuarakan mikrofon.",
+  "Single-key keyboard shortcuts": "Pintasan papan ketik satu tombol",
+  "{{name}} (Waiting for video...)": "{{name}} (Menunggu video...)",
+  "This feature is only supported on Firefox.": "Fitur ini hanya didukung di Firefox.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Mengirim catatan pengawakutuan akan membantu kami melacak masalahnya.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Aduh, ada yang salah.</0>"
+}

public/locales/ja/app.json

@@ -0,0 +1 @@
+{}

public/locales/ko/app.json

@@ -0,0 +1,11 @@
+{
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "",
+  "{{count}} people connected|one": "{{count}}명 연결됨",
+  "{{count}} people connected|other": "{{count}}명 연결됨",
+  "{{displayName}}, your call is now ended": "{{displayName}}님, 전화가 종료되었습니다",
+  "{{names}}, {{name}}": "{{names}}님, {{name}}님",
+  "{{name}} is presenting": "{{name}}님이 발표 중",
+  "{{name}} is talking…": "{{name}}님이 말하는 중…",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - 워키토키 전화"
+}

public/locales/pl/app.json

@@ -0,0 +1,128 @@
+{
+  "More menu": "Menu \"więcej\"",
+  "Login": "Zaloguj się",
+  "Go": "Kontynuuj",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Klikając \"Kontynuuj\", wyrażasz zgodę na nasze <2>Warunki</2>",
+  "{{count}} people connected|other": "{{count}} ludzi połączono",
+  "Your recent calls": "Twoje ostatnie połączenia",
+  "You can't talk at the same time": "Nie możesz mówić w tym samym czasie",
+  "Yes, join call": "Tak, dołącz do połączenia",
+  "WebRTC is not supported or is being blocked in this browser.": "WebRTC jest niewspierane lub zablokowane w tej przeglądarce.",
+  "Walkie-talkie call name": "Nazwa połączenia walkie-talkie",
+  "Walkie-talkie call": "Połączenie walkie-talkie",
+  "Waiting for other participants…": "Oczekiwanie na pozostałych uczestników…",
+  "Waiting for network": "Oczekiwanie na sieć",
+  "Video call name": "Nazwa połączenia wideo",
+  "Video call": "Połączenie wideo",
+  "Video": "Wideo",
+  "Version: {{version}}": "Wersja: {{version}}",
+  "Username": "Nazwa użytkownika",
+  "User menu": "Menu użytkownika",
+  "User ID": "ID użytkownika",
+  "Unmute microphone": "Wyłącz wyciszenie mikrofonu",
+  "Turn on camera": "Włącz kamerę",
+  "Turn off camera": "Wyłącz kamerę",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Sprawi to, że dźwięk mówcy będzie zdawał się dochodzić z jego miejsca na ekranie. (Funkcja eksperymentalna: może mieć wpływ na stabilność dźwięku.)",
+  "This call already exists, would you like to join?": "Te połączenie już istnieje, czy chcesz do niego dołączyć?",
+  "Thanks! We'll get right on it.": "Dziękujemy! Zaraz się tym zajmiemy.",
+  "Talking…": "Mówienie…",
+  "Take me Home": "Zabierz mnie do ekranu startowego",
+  "Submitting feedback…": "Przesyłanie opinii…",
+  "Submit feedback": "Prześlij opinię",
+  "Stop sharing screen": "Zatrzymaj udostępnianie ekranu",
+  "Spotlight": "Centrum uwagi",
+  "Speaker {{n}}": "Głośnik {{n}}",
+  "Speaker": "Głośnik",
+  "Spatial audio": "Dźwięk przestrzenny",
+  "Sign out": "Wyloguj się",
+  "Sign in": "Zaloguj się",
+  "Show call inspector": "Pokaż inspektora połączenia",
+  "Share screen": "Udostępnij ekran",
+  "Settings": "Ustawienia",
+  "Sending…": "Wysyłanie…",
+  "Sending debug logs…": "Wysyłanie dzienników debugowania…",
+  "Send debug logs": "Wyślij dzienniki debugowania",
+  "Select an option": "Wybierz opcję",
+  "Saving…": "Zapisywanie…",
+  "Save": "Zapisz",
+  "Return to home screen": "Powróć do ekranu domowego",
+  "Remove": "Usuń",
+  "Release to stop": "Puść przycisk, aby przestać",
+  "Release spacebar key to stop": "Puść spację, aby przestać",
+  "Registering…": "Rejestrowanie…",
+  "Register": "Zarejestruj",
+  "Recaptcha not loaded": "Recaptcha nie została załadowana",
+  "Recaptcha dismissed": "Recaptcha odrzucona",
+  "Profile": "Profil",
+  "Press and hold to talk over {{name}}": "Przytrzymaj, aby mówić wraz z {{name}}",
+  "Press and hold to talk": "Przytrzymaj, aby mówić",
+  "Press and hold spacebar to talk over {{name}}": "Przytrzymaj spację, aby mówić wraz z {{name}}",
+  "Press and hold spacebar to talk": "Przytrzymaj spację, aby mówić",
+  "Passwords must match": "Hasła muszą być identyczne",
+  "Password": "Hasło",
+  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Inni użytkownicy próbują dołączyć do tego połączenia przy użyciu niekompatybilnych wersji. Powinni oni upewnić się, że odświeżyli stronę w swoich przeglądarkach:<1>{userLis}</1>",
+  "Not registered yet? <2>Create an account</2>": "Nie masz konta? <2>Utwórz je</2>",
+  "Not now, return to home screen": "Nie teraz, powróć do ekranu domowego",
+  "No": "Nie",
+  "Mute microphone": "Wycisz mikrofon",
+  "More": "Więcej",
+  "Microphone permissions needed to join the call.": "Aby dołączyć do połączenia, potrzebne są uprawnienia do mikrofonu.",
+  "Microphone {{n}}": "Mikrofon {{n}}",
+  "Microphone": "Mikrofon",
+  "Login to your account": "Zaloguj się do swojego konta",
+  "Logging in…": "Logowanie…",
+  "Local volume": "Lokalna głośność",
+  "Loading…": "Ładowanie…",
+  "Loading room…": "Ładowanie pokoju…",
+  "Leave": "Opuść",
+  "Join existing call?": "Dołączyć do istniejącego połączenia?",
+  "Join call now": "Dołącz do połączenia teraz",
+  "Join call": "Dołącz do połączenia",
+  "Invite people": "Zaproś ludzi",
+  "Invite": "Zaproś",
+  "Inspector": "Inspektor",
+  "Incompatible versions!": "Niekompatybilne wersje!",
+  "Incompatible versions": "Niekompatybilne wersje",
+  "Include debug logs": "Dołącz dzienniki debugowania",
+  "Home": "Strona domowa",
+  "Having trouble? Help us fix it.": "Masz problem? Pomóż nam go naprawić.",
+  "Grid layout menu": "Menu układu siatki",
+  "Full screen": "Pełen ekran",
+  "Freedom": "Wolność",
+  "Fetching group call timed out.": "Przekroczono limit czasu na uzyskanie połączenia grupowego.",
+  "Exit full screen": "Zamknij pełny ekran",
+  "Download debug logs": "Pobierz dzienniki debugowania",
+  "Display name": "Wyświetlana nazwa",
+  "Developer": "Deweloper",
+  "Details": "Szczegóły",
+  "Description (optional)": "Opis (opcjonalny)",
+  "Debug log request": "Prośba o dzienniki debugowania",
+  "Debug log": "Dzienniki debugowania",
+  "Create account": "Utwórz konto",
+  "Copy and share this call link": "Skopiuj i podziel się linkiem do połączenia",
+  "Copied!": "Skopiowano!",
+  "Connection lost": "Połączenie utracone",
+  "Confirm password": "Potwierdź hasło",
+  "Close": "Zamknij",
+  "Change layout": "Zmień układ",
+  "Camera/microphone permissions needed to join the call.": "Aby dołączyć do tego połączenia, potrzebne są uprawnienia do kamery/mikrofonu.",
+  "Camera {{n}}": "Kamera {{n}}",
+  "Camera": "Kamera",
+  "Call type menu": "Menu rodzaju połączenia",
+  "Call link copied": "Skopiowano link do połączenia",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Klikając \"Dołącz do rozmowy\", wyrażasz zgodę na nasze <2>Warunki</2>",
+  "Avatar": "Awatar",
+  "Audio": "Dźwięk",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Inny użytkownik w tym połączeniu napotkał problem. Aby lepiej zdiagnozować tę usterkę, chcielibyśmy zebrać dzienniki debugowania.",
+  "Accept microphone permissions to join the call.": "Przyznaj uprawnienia do mikrofonu aby dołączyć do połączenia.",
+  "Accept camera/microphone permissions to join the call.": "Przyznaj uprawnienia do kamery/mikrofonu aby dołączyć do połączenia.",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Może zechcesz ustawić hasło, aby zachować swoje konto?</0><1>Będziesz w stanie utrzymać swoją nazwę i ustawić awatar do wyświetlania podczas połączeń w przyszłości</1>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Utwórz konto</0> Albo <2>Dołącz jako gość</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Masz już konto?</0><1><0>Zaloguj się</0> Albo <2>Dołącz jako gość</2></1>",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - połączenie walkie-talkie",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{name}} is talking…": "{{name}} mówi…",
+  "{{name}} is presenting": "{{name}} prezentuje",
+  "{{displayName}}, your call is now ended": "{{displayName}}, twoje połączenie zostało zakończone",
+  "{{count}} people connected|one": "{{count}} osoba połączona"
+}

public/locales/ru/app.json

@@ -0,0 +1,137 @@
+{
+  "Register": "Зарегистрироваться",
+  "Saving…": "Сохранение…",
+  "Registering…": "Регистрация…",
+  "Logging in…": "Вход…",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "Waiting for other participants…": "Ожидание других участников…",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Эта функция балансирует звук к расположению плитки на экране. (Экспериментальная функция: может повлиять на стабильность аудио.)",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Этот сайт защищён ReCAPTCHA от Google, ознакомьтесь с их <2>Политикой конфиденциальности</2> и <6>Пользовательским соглашением</6>.<9></9>Нажимая \"Зарегистрироваться\", вы также принимаете наши <12>Положения и условия</12>.",
+  "This call already exists, would you like to join?": "Этот звонок уже существует, хотите присоединиться?",
+  "Thanks! We'll get right on it.": "Спасибо! Мы учтём ваш отзыв.",
+  "Talking…": "Говорите…",
+  "Submitting feedback…": "Отправка отзыва…",
+  "Submit feedback": "Отправить отзыв",
+  "Sending debug logs…": "Отправка журнала отладки…",
+  "Select an option": "Выберите вариант",
+  "Release to stop": "Отпустите, чтобы прекратить вещание",
+  "Release spacebar key to stop": "Чтобы прекратить вещание, отпустите [Пробел]",
+  "Press and hold to talk over {{name}}": "Зажмите, чтобы говорить поверх участника {{name}}",
+  "Press and hold spacebar to talk over {{name}}": "Чтобы говорить поверх участника {{name}}, нажмите и удерживайте [Пробел]",
+  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Другие пользователи пытаются присоединиться с неподдерживаемых версий программы. Этим участникам надо перезагрузить браузер: <1>{userLis}</1>",
+  "Grid layout menu": "Меню \"Расположение сеткой\"",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Нажимая \"Присоединиться сейчас\", вы соглашаетесь с нашими <2>положениями и условиями</2>",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Нажимая \"Далее\", вы соглашаетесь с нашими <2>положениями и условиями</2>",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Почему бы не задать пароль, тем самым сохранив аккаунт?</0><1>Так вы можете оставить своё имя и задать аватар для будущих звонков.</1>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Создать аккаунт</0> или <2>Зайти как гость</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Уже есть аккаунт?</0><1><0>Войти с ним</0> или <2>Зайти как гость</2></1>",
+  "Your recent calls": "Ваши недавние звонки",
+  "You can't talk at the same time": "Вы не можете говорить одновременно",
+  "Yes, join call": "Да, присоединиться",
+  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не поддерживается или заблокирован в этом браузере.",
+  "Walkie-talkie call name": "Название звонка-рации",
+  "Walkie-talkie call": "Звонок-рация",
+  "Waiting for network": "Ожидание сети",
+  "Video call name": "Название видео-звонка",
+  "Video call": "Видео-звонок",
+  "Video": "Видео",
+  "Version: {{version}}": "Версия: {{version}}",
+  "Username": "Имя пользователя",
+  "User menu": "Меню пользователя",
+  "User ID": "ID пользователя",
+  "Unmute microphone": "Включить микрофон",
+  "Turn on camera": "Включить камеру",
+  "Turn off camera": "Отключить камеру",
+  "Talk over speaker": "Говорить через динамик",
+  "Take me Home": "Перейти в Начало",
+  "Stop sharing screen": "Остановить показ экрана",
+  "Spotlight": "Внимание",
+  "Speaker {{n}}": "Динамик {{n}}",
+  "Speaker": "Динамик",
+  "Spatial audio": "Пространственное аудио",
+  "Sign out": "Выйти",
+  "Sign in": "Войти",
+  "Show call inspector": "Показать инспектор",
+  "Share screen": "Поделиться экраном",
+  "Settings": "Настройки",
+  "Sending…": "Отправка…",
+  "Local volume": "Местная громкость",
+  "Call type menu": "Меню \"Тип звонка\"",
+  "More menu": "Полное меню",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Звонок-рация",
+  "Include debug logs": "Приложить журнал отладки",
+  "Download debug logs": "Скачать журнал отладки",
+  "Debug log request": "Запрос журнала отладки",
+  "Debug log": "Журнал отладки",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "У одного из участников звонка есть неполадки. Чтобы лучше диагностировать похожие проблемы, нам нужен журнал отладки.",
+  "Send debug logs": "Отправить журнал отладки",
+  "Save": "Сохранить",
+  "Return to home screen": "Вернуться в Начало",
+  "Remove": "Удалить",
+  "Recaptcha not loaded": "Невозможно начать проверку",
+  "Recaptcha dismissed": "Проверка не пройдена",
+  "Profile": "Профиль",
+  "Press and hold to talk": "Зажмите, чтобы говорить",
+  "Press and hold spacebar to talk": "Чтобы говорить, нажмите и удерживайте [Пробел]",
+  "Passwords must match": "Пароли должны совпадать",
+  "Password": "Пароль",
+  "Not registered yet? <2>Create an account</2>": "Ещё не зарегистрированы? <2>Создайте аккаунт</2>",
+  "Not now, return to home screen": "Не сейчас, вернуться в Начало",
+  "No": "Нет",
+  "Mute microphone": "Отключить микрофон",
+  "More": "Больше",
+  "Microphone permissions needed to join the call.": "Нужно разрешение на доступ к микрофону для присоединения к звонку.",
+  "Microphone {{n}}": "Микрофон {{n}}",
+  "Microphone": "Микрофон",
+  "Login to your account": "Войдите в свой аккаунт",
+  "Login": "Вход",
+  "Loading…": "Загрузка…",
+  "Loading room…": "Загрузка комнаты…",
+  "Leave": "Покинуть",
+  "Join existing call?": "Присоединиться к существующему звонку?",
+  "Join call now": "Присоединиться сейчас",
+  "Join call": "Присоединиться",
+  "Invite people": "Пригласить участников",
+  "Invite": "Пригласить",
+  "Inspector": "Инспектор",
+  "Incompatible versions!": "Несовместимые версии!",
+  "Incompatible versions": "Несовместимые версии",
+  "Home": "Начало",
+  "Having trouble? Help us fix it.": "Есть проблема? Помогите нам её устранить.",
+  "Go": "Далее",
+  "Full screen": "Полноэкранный режим",
+  "Freedom": "Свобода",
+  "Fetching group call timed out.": "Истекло время ожидания для группового звонка.",
+  "Exit full screen": "Выйти из полноэкранного режима",
+  "Display name": "Видимое имя",
+  "Developer": "Разработчику",
+  "Details": "Подробности",
+  "Description (optional)": "Описание (необязательно)",
+  "Create account": "Создать аккаунт",
+  "Copy and share this call link": "Скопируйте и поделитесь этой ссылкой на звонок",
+  "Copied!": "Скопировано!",
+  "Connection lost": "Соединение потеряно",
+  "Confirm password": "Подтвердите пароль",
+  "Close": "Закрыть",
+  "Change layout": "Изменить расположение",
+  "Camera/microphone permissions needed to join the call.": "Нужны разрешения на доступ к камере/микрофону для присоединения к звонку.",
+  "Camera {{n}}": "Камера {{n}}",
+  "Camera": "Камера",
+  "Call link copied": "Ссылка на звонок скопирована",
+  "Avatar": "Аватар",
+  "Audio": "Аудио",
+  "Accept microphone permissions to join the call.": "Для присоединения к звонку разрешите доступ к микрофону.",
+  "Accept camera/microphone permissions to join the call.": "Для присоединения к звонку разрешите доступ к камере/микрофону.",
+  "{{name}} is talking…": "{{name}} говорит…",
+  "{{name}} is presenting": "{{name}} показывает",
+  "{{displayName}}, your call is now ended": "{{displayName}}, ваш звонок завершён",
+  "{{count}} people connected|other": "{{count}} подключилось",
+  "{{count}} people connected|one": "{{count}} подключился",
+  "This will send anonymised data (such as the duration of a call and the number of participants) to the Element Call team to help us optimise the application based on how it is used.": "Это даст разрешение на отправку анонимизированных данных (таких, как продолжительность звонка и количество участников) команде Element Call, чтобы помочь нам оптимизировать работу приложения на основании того как оно используется.",
+  "Element Call Home": "Главная Element Call",
+  "Copy": "Копировать",
+  "Allow analytics": "Разрешить аналитику",
+  "Advanced": "Расширенные",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Присоединиться сейчас</0><1>или<1><2>Скопировать ссылку на звонок и присоединиться позже</2>",
+  "{{name}} (Connecting...)": "{{name}} (Соединение...)"
+}

public/locales/sk/app.json

@@ -0,0 +1,143 @@
+{
+  "Spotlight": "Stredobod",
+  "Local volume": "Lokálna hlasitosť",
+  "Include debug logs": "Zahrnúť záznamy o ladení",
+  "Fetching group call timed out.": "Vypršal čas načítania skupinového volania.",
+  "Element Call Home": "Domov Element Call",
+  "You can't talk at the same time": "Nemôžete hovoriť naraz",
+  "Whether to enable single-key keyboard shortcuts, e.g. 'm' to mute/unmute the mic.": "Či chcete povoliť jednotlačidlové klávesové skratky, napr. \"m\" na stlmenie/zapnutie mikrofónu.",
+  "Waiting for other participants…": "Čaká sa na ďalších účastníkov…",
+  "Waiting for network": "Čakanie na sieť",
+  "This will send anonymised data (such as the duration of a call and the number of participants) to the Element Call team to help us optimise the application based on how it is used.": "Týmto spôsobom sa budú posielať anonymizované údaje (napríklad trvanie hovoru a počet účastníkov) tímu Element Call, aby nám pomohli optimalizovať aplikáciu na základe toho, ako sa používa.",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Zvuk reproduktora tak bude vyzerať, akoby vychádzal z miesta, kde je na obrazovke umiestnená jeho ikona. (Experimentálna funkcia: môže to mať vplyv na stabilitu zvuku.)",
+  "Thanks! We'll get right on it.": "Vďaka! Hneď sa do toho pustíme.",
+  "Talking…": "Rozprávanie…",
+  "Talk over speaker": "Hovor cez reproduktor",
+  "Take me Home": "Zober ma domov",
+  "Submitting feedback…": "Odosielanie spätnej väzby…",
+  "Submit feedback": "Odoslať spätnú väzbu",
+  "Stop sharing screen": "Zastaviť zdieľanie obrazovky",
+  "Single-key keyboard shortcuts": "Jednotlačidlové klávesové skratky",
+  "Show call inspector": "Zobraziť inšpektora hovorov",
+  "Share screen": "Zdieľať obrazovku",
+  "Sending…": "Odosielanie…",
+  "Sending debug logs…": "Odosielanie záznamov o ladení…",
+  "Send debug logs": "Odoslať záznamy o ladení",
+  "Select an option": "Vyberte možnosť",
+  "Saving…": "Ukladanie…",
+  "Save": "Uložiť",
+  "Return to home screen": "Návrat na domovskú obrazovku",
+  "Remove": "Odstrániť",
+  "Release spacebar key to stop": "Pustite medzerník pre ukončenie",
+  "Release to stop": "Pustite pre ukončenie",
+  "Registering…": "Registrácia…",
+  "Register": "Registrovať sa",
+  "Recaptcha not loaded": "Recaptcha sa nenačítala",
+  "Recaptcha dismissed": "Recaptcha zamietnutá",
+  "Profile": "Profil",
+  "Press and hold to talk over {{name}}": "Stlačte a podržte pre hovor cez {{name}}",
+  "Press and hold to talk": "Stlačte a podržte pre hovor",
+  "Press and hold spacebar to talk over {{name}}": "Stlačte a podržte medzerník, ak chcete hovoriť cez {{name}}",
+  "Press and hold spacebar to talk": "Stlačte a podržte medzerník, ak chcete hovoriť",
+  "Passwords must match": "Heslá sa musia zhodovať",
+  "Password": "Heslo",
+  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Ostatní používatelia sa pokúšajú pripojiť k tomuto hovoru z nekompatibilných verzií. Títo používatelia by sa mali uistiť, že si obnovili svoje prehliadače:<1>{userLis}</1>",
+  "Not registered yet? <2>Create an account</2>": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
+  "Not now, return to home screen": "Teraz nie, vrátiť sa na domovskú obrazovku",
+  "No": "Nie",
+  "Mute microphone": "Stlmiť mikrofón",
+  "More menu": "Ponuka viac",
+  "More": "Viac",
+  "Microphone permissions needed to join the call.": "Povolenie mikrofónu je potrebné na pripojenie k hovoru.",
+  "Microphone {{n}}": "Mikrofón {{n}}",
+  "Microphone": "Mikrofón",
+  "Login to your account": "Prihláste sa do svojho konta",
+  "Login": "Prihlásiť sa",
+  "Logging in…": "Prihlasovanie…",
+  "Loading…": "Načítanie…",
+  "Loading room…": "Načítanie miestnosti…",
+  "Leave": "Opustiť",
+  "Join existing call?": "Pripojiť sa k existujúcemu hovoru?",
+  "Join call now": "Pripojiť sa k hovoru teraz",
+  "Join call": "Pripojiť sa k hovoru",
+  "Invite people": "Pozvať ľudí",
+  "Invite": "Pozvať",
+  "Inspector": "Inšpektor",
+  "Incompatible versions!": "Nekompatibilné verzie!",
+  "Incompatible versions": "Nekompatibilné verzie",
+  "Home": "Domov",
+  "Having trouble? Help us fix it.": "Máte problém? Pomôžte nám ho opraviť.",
+  "Grid layout menu": "Ponuka rozloženia mriežky",
+  "Go": "Prejsť",
+  "Full screen": "Zobrazenie na celú obrazovku",
+  "Freedom": "Sloboda",
+  "Exit full screen": "Ukončiť zobrazenie na celú obrazovku",
+  "Download debug logs": "Stiahnuť záznamy ladenia",
+  "Your recent calls": "Vaše nedávne hovory",
+  "Yes, join call": "Áno, pripojiť sa k hovoru",
+  "WebRTC is not supported or is being blocked in this browser.": "WebRTC nie je podporované alebo je v tomto prehliadači blokované.",
+  "Walkie-talkie call name": "Názov vysielačkového hovoru",
+  "Walkie-talkie call": "Vysielačkový hovor",
+  "Video call name": "Názov video hovoru",
+  "Video call": "Video hovor",
+  "Video": "Video",
+  "Version: {{version}}": "Verzia: {{version}}",
+  "Username": "Meno používateľa",
+  "User menu": "Používateľské menu",
+  "User ID": "ID používateľa",
+  "Unmute microphone": "Zrušiť stlmenie mikrofónu",
+  "Turn on camera": "Zapnúť kameru",
+  "Turn off camera": "Vypnúť kameru",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Táto stránka je chránená systémom ReCAPTCHA a platia na ňu <2>Pravidlá ochrany osobných údajov</2> a <6>Podmienky poskytovania služieb</6> spoločnosti Google.<9></9>Kliknutím na tlačidlo \"Registrovať sa\" vyjadrujete súhlas s našimi <12>Podmienkami poskytovania služieb</12>",
+  "This call already exists, would you like to join?": "Tento hovor už existuje, chceli by ste sa k nemu pripojiť?",
+  "Speaker {{n}}": "Reproduktor {{n}}",
+  "Speaker": "Reproduktor",
+  "Spatial audio": "Priestorový zvuk",
+  "Sign out": "Odhlásiť sa",
+  "Sign in": "Prihlásiť sa",
+  "Settings": "Nastavenia",
+  "Display name": "Zobrazované meno",
+  "Developer": "Vývojár",
+  "Details": "Podrobnosti",
+  "Description (optional)": "Popis (voliteľné)",
+  "Debug log request": "Žiadosť o záznam ladenia",
+  "Debug log": "Záznam o ladení",
+  "Create account": "Vytvoriť účet",
+  "Copy and share this call link": "Skopírovať a zdieľať tento odkaz na hovor",
+  "Copy": "Kopírovať",
+  "Copied!": "Skopírované!",
+  "Connection lost": "Strata spojenia",
+  "Confirm password": "Potvrdiť heslo",
+  "Close": "Zatvoriť",
+  "Change layout": "Zmeniť rozloženie",
+  "Camera/microphone permissions needed to join the call.": "Povolenie kamery/mikrofónu je potrebné na pripojenie k hovoru.",
+  "Camera {{n}}": "Kamera {{n}}",
+  "Camera": "Kamera",
+  "Call type menu": "Ponuka typu hovoru",
+  "Call link copied": "Odkaz na hovor skopírovaný",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Kliknutím na \"Pripojiť sa k hovoru\" súhlasíte s našimi <2>Podmienkami</2>",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Kliknutím na tlačidlo \"Prejsť\" súhlasíte s našimi <2>Podmienkami</2>",
+  "Avatar": "Obrázok",
+  "Audio": "Audio",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Ďalší používateľ v tomto hovore má problém. Aby sme mohli lepšie diagnostikovať tieto problémy, chceli by sme získať záznam o ladení.",
+  "Allow analytics": "Povoliť analytiku",
+  "Advanced": "Pokročilé",
+  "Accept camera/microphone permissions to join the call.": "Prijmite povolenia kamery/mikrofónu, aby ste sa mohli pripojiť k hovoru.",
+  "Accept microphone permissions to join the call.": "Prijmite povolenia mikrofónu, aby ste sa mohli pripojiť k hovoru.",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Prečo neskončiť nastavením hesla, aby ste si zachovali svoj účet? </0><1>Budete si môcť ponechať svoje meno a nastaviť obrázok, ktorý sa bude používať pri budúcich hovoroch</1>",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Pripojiť sa k hovoru teraz</0><1>alebo</1><2>Kopírovať odkaz na hovor a pripojiť sa neskôr</2>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Vytvoriť konto</0> Alebo <2>Prihlásiť sa ako hosť</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Už máte konto?</0><1><0>Prihláste sa</0> Alebo <2>Prihlásiť sa ako hosť</2></1>",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Vysielačkový hovor",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{name}} is talking…": "{{name}} rozpráva…",
+  "{{name}} is presenting": "{{name}} prezentuje",
+  "{{name}} (Waiting for video...)": "{{name}} (Čaká sa na video...)",
+  "{{name}} (Connecting...)": "{{name}} (Pripájanie...)",
+  "{{displayName}}, your call is now ended": "{{displayName}}, váš hovor je teraz ukončený",
+  "{{count}} people connected|other": "{{count}} osôb pripojených",
+  "{{count}} people connected|one": "{{count}} osoba pripojená",
+  "This feature is only supported on Firefox.": "Táto funkcia je podporovaná len v prehliadači Firefox.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Odoslanie záznamov ladenia nám pomôže nájsť problém.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Hups, niečo sa pokazilo.</0>"
+}

public/locales/tr/app.json

@@ -0,0 +1,100 @@
+{
+  "<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>",
+  "Accept camera/microphone permissions to join the call.": "Aramaya katılmanız için kamera/mikrofon erişimine izin verin.",
+  "Accept microphone permissions to join the call.": "Aramaya katılmak için mikrofon erişim izni verin.",
+  "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.",
+  "Audio": "Ses",
+  "Avatar": "Avatar",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "\"Git\"e tıklayarak,<2>hükümler ve koşullar</2>ı kabul etmiş sayılırsınız",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "\"Şimdi katıl\"a tıklayarak, <2>hükümler ve koşullar</2>ı kabul etmiş sayılırsınız",
+  "Call link copied": "Arama bağlantısı kopyalandı",
+  "Call type menu": "Arama tipi menüsü",
+  "Camera": "Kamera",
+  "Camera {{n}}": "{{n}}. kamera",
+  "Camera/microphone permissions needed to join the call.": "Aramaya katılmak için kamera/mikrofon izinleri gerek.",
+  "Change layout": "Yerleşimi değiştir",
+  "Close": "Kapat",
+  "Confirm password": "Parolayı tekrar edin",
+  "Connection lost": "Bağlantı koptu",
+  "Copied!": "Kopyalandı",
+  "Copy and share this call link": "Arama bağlantısını kopyala ve paylaş",
+  "Create account": "Hesap aç",
+  "Debug log": "Hata ayıklama kütüğü",
+  "Debug log request": "Hata ayıklama kütük istemi",
+  "Description (optional)": "Tanım (isteğe bağlı)",
+  "Details": "Ayrıntı",
+  "Developer": "Geliştirici",
+  "Display name": "Ekran adı",
+  "Download debug logs": "Hata ayıklama kütüğünü indir",
+  "Exit full screen": "Tam ekranı terk et",
+  "Fetching group call timed out.": "Grup çağrısı zaman aşımına uğradı.",
+  "Freedom": "Özgürlük",
+  "Full screen": "Tam ekran",
+  "Go": "Git",
+  "Grid layout menu": "Izgara plan menü",
+  "Having trouble? Help us fix it.": "Sorun mu var? Çözmemize yardım edin.",
+  "Home": "Ev",
+  "Include debug logs": "Hata ayıklama kütüğünü dahil et",
+  "Incompatible versions": "Uyumsuz sürümler",
+  "Incompatible versions!": "Sürüm uyumsuz!",
+  "Inspector": "Denetçi",
+  "Invite people": "Kişileri davet et",
+  "Join call": "Aramaya katıl",
+  "Join call now": "Aramaya katıl",
+  "Join existing call?": "Mevcut aramaya katıl?",
+  "Leave": "Çık",
+  "Loading room…": "Oda yükleniyor…",
+  "Loading…": "Yükleniyor…",
+  "Local volume": "Yerel ses seviyesi",
+  "Logging in…": "Giriliyor…",
+  "Login": "Gir",
+  "Login to your account": "Hesabınıza girin",
+  "Microphone": "Mikrofon",
+  "Microphone permissions needed to join the call.": "Aramaya katılmak için mikrofon erişim izni gerek.",
+  "Microphone {{n}}": "{{n}}. mikrofon",
+  "More": "Daha",
+  "More menu": "Daha fazla",
+  "Mute microphone": "Mikrofonu kapat",
+  "No": "Hayır",
+  "Not now, return to home screen": "Şimdi değil, ev ekranına dön",
+  "Not registered yet? <2>Create an account</2>": "Kaydolmadınız mı? <2>Hesap açın</2>",
+  "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.",
+  "Password": "Parola",
+  "Passwords must match": "Parolalar aynı olmalı",
+  "Press and hold spacebar to talk": "Konuşmak için boşluk çubuğunu basılı tutun",
+  "Press and hold to talk": "Konuşmak için basılı tutun",
+  "Recaptcha dismissed": "reCAPTCHA atlandı",
+  "Recaptcha not loaded": "reCAPTCHA yüklenmedi",
+  "Register": "Kaydol",
+  "Registering…": "Kaydediyor…",
+  "Release spacebar key to stop": "Kesmek için boşluk tuşunu bırakın",
+  "Release to stop": "Kesmek için bırakın",
+  "Remove": "Çıkar",
+  "Return to home screen": "Ev ekranına geri dön",
+  "Save": "Kaydet",
+  "Saving…": "Kaydediliyor…",
+  "Select an option": "Bir seçenek seç",
+  "Send debug logs": "Hata ayıklama kütüğünü gönder",
+  "Sending…": "Gönderiliyor…",
+  "Settings": "Ayarlar",
+  "Share screen": "Ekran paylaş",
+  "Show call inspector": "Arama denetçisini göster",
+  "Sign in": "Gir",
+  "Sign out": "Çık",
+  "Spatial audio": "Uzamsal ses",
+  "Stop sharing screen": "Ekran paylaşmayı terk et",
+  "Submit feedback": "Geri bildirim ver",
+  "Submitting feedback…": "Geri bildirimler gönderiliyor…",
+  "Take me Home": "Ev ekranına gir",
+  "Talking…": "Konuşuyor…",
+  "Thanks! We'll get right on it.": "Sağol! Bununla ilgileneceğiz.",
+  "This call already exists, would you like to join?": "Bu arama zaten var, katılmak ister misiniz?",
+  "{{count}} people connected|one": "{{count}} kişi bağlı",
+  "{{count}} people connected|other": "{{count}} kişi bağlı",
+  "{{displayName}}, your call is now ended": "Aramanız bitti, {{displayName]}!",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{name}} is presenting": "{{name}} sunuyor",
+  "{{name}} is talking…": "{{name}} konuşuyor…",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Hesap oluştur</0> yahut <2>Konuk olarak gir</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Mevcut hesabınız mı var?</0><1><0>Gir</0> yahut <2>Konuk girişi</2></1>"
+}

public/locales/uk/app.json

@@ -0,0 +1,143 @@
+{
+  "Loading…": "Завантаження…",
+  "Your recent calls": "Ваші недавні виклики",
+  "You can't talk at the same time": "Не можна говорити одночасно",
+  "Yes, join call": "Так, приєднатися до виклику",
+  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не підтримується або блокується в цьому браузері.",
+  "Walkie-talkie call name": "Назва виклику-рації",
+  "Walkie-talkie call": "Виклик-рація",
+  "Waiting for other participants…": "Очікування на інших учасників…",
+  "Waiting for network": "Очікування мережі",
+  "Video call name": "Назва відеовиклику",
+  "Video call": "Відеовиклик",
+  "Video": "Відео",
+  "Version: {{version}}": "Версія: {{version}}",
+  "Username": "Ім'я користувача",
+  "User menu": "Меню користувача",
+  "User ID": "ID користувача",
+  "Unmute microphone": "Увімкнути мікрофон",
+  "Turn on camera": "Увімкнути камеру",
+  "Turn off camera": "Вимкнути камеру",
+  "This will make a speaker's audio seem as if it is coming from where their tile is positioned on screen. (Experimental feature: this may impact the stability of audio.)": "Це призведе до того, що звук мовця здаватиметься таким, ніби він надходить з того місця, де розміщено його плитку на екрані. (Експериментальна можливість: це може вплинути на стабільність звуку.)",
+  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>Terms and conditions</12>": "Цей сайт захищений ReCAPTCHA і до нього застосовується <2>Політика приватності</2> і <6>Умови надання послуг</6> Google.<9></9>Натискаючи кнопку «Зареєструватися», ви погоджуєтеся з нашими <12>Умовами та положеннями</12>",
+  "This call already exists, would you like to join?": "Цей виклик уже існує, бажаєте приєднатися?",
+  "Thanks! We'll get right on it.": "Дякуємо! Ми зараз же візьмемося за це.",
+  "Talking…": "Говоріть…",
+  "Talk over speaker": "Говорити через динамік",
+  "Take me Home": "Перейти до Домівки",
+  "Submitting feedback…": "Надсилання відгуку…",
+  "Submit feedback": "Надіслати відгук",
+  "Stop sharing screen": "Припинити показ екрана",
+  "Spotlight": "У центрі уваги",
+  "Speaker {{n}}": "Динамік {{n}}",
+  "Speaker": "Динамік",
+  "Spatial audio": "Просторовий звук",
+  "Sign out": "Вийти",
+  "Sign in": "Увійти",
+  "Show call inspector": "Показати інспектора виклику",
+  "Share screen": "Поділитися екраном",
+  "Settings": "Налаштування",
+  "Sending…": "Надсилання…",
+  "Sending debug logs…": "Надсилання журналу зневадження…",
+  "Send debug logs": "Надіслати журнал зневадження",
+  "Select an option": "Вибрати опцію",
+  "Saving…": "Збереження…",
+  "Save": "Зберегти",
+  "Return to home screen": "Повернутися на екран домівки",
+  "Remove": "Вилучити",
+  "Release to stop": "Відпустіть, щоб закінчити",
+  "Release spacebar key to stop": "Відпустіть пробіл, щоб закінчити",
+  "Registering…": "Реєстрація…",
+  "Register": "Зареєструватися",
+  "Recaptcha not loaded": "Recaptcha не завантажено",
+  "Recaptcha dismissed": "Recaptcha не пройдено",
+  "Profile": "Профіль",
+  "Press and hold to talk over {{name}}": "Затисніть, щоб говорити одночасно з {{name}}",
+  "Press and hold to talk": "Затисніть, щоб говорити",
+  "Press and hold spacebar to talk over {{name}}": "Щоб говорити одночасно з {{name}}, затисніть пробіл",
+  "Press and hold spacebar to talk": "Затисніть пробіл, щоб говорити",
+  "Passwords must match": "Паролі відрізняються",
+  "Password": "Пароль",
+  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Інші користувачі намагаються приєднатися до цього виклику з несумісних версій. Ці користувачі повинні переконатися, що вони оновили сторінки своїх браузерів:<1>{userLis}</1>",
+  "Not registered yet? <2>Create an account</2>": "Ще не зареєстровані? <2>Створіть обліковий запис</2>",
+  "Not now, return to home screen": "Не зараз, повернутися на екран домівки",
+  "No": "Ні",
+  "Mute microphone": "Заглушити мікрофон",
+  "More menu": "Усе меню",
+  "More": "Докладніше",
+  "Microphone permissions needed to join the call.": "Для участі у виклику необхідний дозвіл на користування мікрофоном.",
+  "Microphone {{n}}": "Мікрофон {{n}}",
+  "Microphone": "Мікрофон",
+  "Login to your account": "Увійдіть до свого облікового запису",
+  "Login": "Увійти",
+  "Logging in…": "Вхід…",
+  "Local volume": "Локальна гучність",
+  "Loading room…": "Завантаження кімнати…",
+  "Leave": "Вийти",
+  "Join existing call?": "Приєднатися до наявного виклику?",
+  "Join call now": "Приєднатися до виклику зараз",
+  "Join call": "Приєднатися до виклику",
+  "Invite people": "Запросити людей",
+  "Invite": "Запросити",
+  "Inspector": "Інспектор",
+  "Incompatible versions!": "Несумісні версії!",
+  "Incompatible versions": "Несумісні версії",
+  "Include debug logs": "Долучити журнали зневадження",
+  "Home": "Домівка",
+  "Having trouble? Help us fix it.": "Проблеми? Допоможіть нам це виправити.",
+  "Grid layout menu": "Меню у вигляді сітки",
+  "Go": "Далі",
+  "Full screen": "Повноекранний режим",
+  "Freedom": "Свобода",
+  "Fetching group call timed out.": "Вичерпано час очікування групового виклику.",
+  "Exit full screen": "Вийти з повноекранного режиму",
+  "Download debug logs": "Завантажити журнали зневадження",
+  "Display name": "Показуване ім'я",
+  "Developer": "Розробнику",
+  "Details": "Подробиці",
+  "Description (optional)": "Опис (необов'язково)",
+  "Debug log request": "Запит журналу зневадження",
+  "Debug log": "Журнал зневадження",
+  "Create account": "Створити обліковий запис",
+  "Copy and share this call link": "Скопіювати та поділитися цим посиланням на виклик",
+  "Copied!": "Скопійовано!",
+  "Connection lost": "З'єднання розірвано",
+  "Confirm password": "Підтвердити пароль",
+  "Close": "Закрити",
+  "Change layout": "Змінити макет",
+  "Camera/microphone permissions needed to join the call.": "Для приєднання до виклику необхідні дозволи камери/мікрофона.",
+  "Camera {{n}}": "Камера {{n}}",
+  "Camera": "Камера",
+  "Call type menu": "Меню типу виклику",
+  "Call link copied": "Посилання на виклик скопійовано",
+  "By clicking \"Join call now\", you agree to our <2>Terms and conditions</2>": "Натиснувши «Приєднатися до виклику зараз», ви погодитеся з нашими <2>Умовами та положеннями</2>",
+  "By clicking \"Go\", you agree to our <2>Terms and conditions</2>": "Натиснувши «Далі», ви погодитеся з нашими <2>Умовами та положеннями</2>",
+  "Avatar": "Аватар",
+  "Audio": "Звук",
+  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Інший користувач у цьому виклику має проблему. Щоб краще визначити ці проблеми, ми хотіли б зібрати журнал зневадження.",
+  "Accept microphone permissions to join the call.": "Надайте дозволи на використання мікрофонів для приєднання до виклику.",
+  "Accept camera/microphone permissions to join the call.": "Надайте дозвіл на використання камери/мікрофона для приєднання до виклику.",
+  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Чому б не завершити, налаштувавши пароль для збереження свого облікового запису?</0><1>Ви зможете зберегти своє ім'я та встановити аватарку для подальшого користування під час майбутніх викликів</1>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Створити обліковий запис</0> або <2>Отримати доступ як гість</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Уже маєте обліковий запис?</0><1><0>Увійти</0> Or <2>Отримати доступ як гість</2></1>",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - Виклик-рація",
+  "{{names}}, {{name}}": "{{names}}, {{name}}",
+  "{{name}} is talking…": "{{name}} балакає…",
+  "{{name}} is presenting": "{{name}} показує",
+  "{{displayName}}, your call is now ended": "{{displayName}}, ваш виклик завершено",
+  "{{count}} people connected|other": "{{count}} під'єдналися",
+  "{{count}} people connected|one": "{{count}} під'єднується",
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Приєднатися до виклику зараз</0><1>Or</1><2>Скопіювати посилання на виклик і приєднатися пізніше</2>",
+  "{{name}} (Connecting...)": "{{name}} (З'єднання...)",
+  "Allow analytics": "Дозволити аналітику",
+  "Advanced": "Розширені",
+  "Element Call Home": "Домівка Element Call",
+  "Copy": "Копіювати",
+  "This will send anonymised data (such as the duration of a call and the number of participants) to the Element Call team to help us optimise the application based on how it is used.": "Це дозволить надсилати анонімні дані (такі як тривалість виклику та кількість учасників) команді Element Call, щоб допомогти нам оптимізувати роботу застосунку на основі того, як він використовується.",
+  "Whether to enable single-key keyboard shortcuts, e.g. 'm' to mute/unmute the mic.": "Чи вмикати/вимикати мікрофон однією клавішею, наприклад, «m» для ввімкнення/вимкнення мікрофона.",
+  "Single-key keyboard shortcuts": "Одноклавішні комбінації клавіш",
+  "{{name}} (Waiting for video...)": "{{name}} (Очікування на відео...)",
+  "This feature is only supported on Firefox.": "Ця функція підтримується лише в браузері Firefox.",
+  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Надсилання журналів зневадження допоможе нам виявити проблему.</0>",
+  "<0>Oops, something's gone wrong.</0>": "<0>Йой, щось пішло не за планом.</0>"
+}

public/locales/zh-Hans/app.json

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

public/locales/zh-Hant/app.json

@@ -0,0 +1,14 @@
+{
+  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>加入通話</0><1>或</1><2>複製通話連結並稍候加入</2>",
+  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>建立帳號</0> 或 <2>訪客模式</2>",
+  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>已經有帳號了？</0><1><0>登入</0> Or <2>訪客模式登入</2></1>",
+  "{{roomName}} - Walkie-talkie call": "{{roomName}} - 無線電通話",
+  "{{names}}, {{name}}": "{{names}}，{{name}}",
+  "{{name}} is talking…": "{{name}} 正在交談中…",
+  "{{name}} is presenting": "{{name}} 正在報告",
+  "{{name}} (Waiting for video...)": "{{name}} (等待視訊畫面 ...)",
+  "{{name}} (Connecting...)": "{{name}} (連線中 ...)",
+  "{{displayName}}, your call is now ended": "{{displayName}}，您的通話現在已結束",
+  "{{count}} people connected|other": "{{count}} 人已連線",
+  "{{count}} people connected|one": "{{count}} 人已連線"
+}

scripts/dockerbuild.sh

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

src/@types/global.d.ts

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

src/@types/modules.d.ts

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

src/App.tsx

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from "react";
+import React, { Suspense, useEffect, useState } from "react";
 import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 import * as Sentry from "@sentry/react";
 import { OverlayProvider } from "@react-aria/overlays";
@@ -28,7 +28,8 @@ import { ClientProvider } from "./ClientContext";
 import { usePageFocusStyle } from "./usePageFocusStyle";
 import { SequenceDiagramViewerPage } from "./SequenceDiagramViewerPage";
 import { InspectorContextProvider } from "./room/GroupCallInspector";
-import { CrashView } from "./FullScreenView";
+import { CrashView, LoadingView } from "./FullScreenView";
+import { Initializer } from "./initializer";
 
 const SentryRoute = Sentry.withSentryRouting(Route);
 
@@ -37,40 +38,54 @@ interface AppProps {
 }
 
 export default function App({ history }: AppProps) {
+  const [loaded, setLoaded] = useState(false);
+
+  useEffect(() => {
+    Initializer.init()?.then(() => {
+      setLoaded(true);
+    });
+  });
+
   usePageFocusStyle();
 
   const errorPage = <CrashView />;
 
   return (
     <Router history={history}>
-      <ClientProvider>
-        <InspectorContextProvider>
-          <Sentry.ErrorBoundary fallback={errorPage}>
-            <OverlayProvider>
-              <Switch>
-                <SentryRoute exact path="/">
-                  <HomePage />
-                </SentryRoute>
-                <SentryRoute exact path="/login">
-                  <LoginPage />
-                </SentryRoute>
-                <SentryRoute exact path="/register">
-                  <RegisterPage />
-                </SentryRoute>
-                <SentryRoute path="/room/:roomId?">
-                  <RoomPage />
-                </SentryRoute>
-                <SentryRoute path="/inspector">
-                  <SequenceDiagramViewerPage />
-                </SentryRoute>
-                <SentryRoute path="*">
-                  <RoomRedirect />
-                </SentryRoute>
-              </Switch>
-            </OverlayProvider>
-          </Sentry.ErrorBoundary>
-        </InspectorContextProvider>
-      </ClientProvider>
+      {loaded ? (
+        <Suspense fallback={null}>
+          <ClientProvider>
+            <InspectorContextProvider>
+              <Sentry.ErrorBoundary fallback={errorPage}>
+                <OverlayProvider>
+                  <Switch>
+                    <SentryRoute exact path="/">
+                      <HomePage />
+                    </SentryRoute>
+                    <SentryRoute exact path="/login">
+                      <LoginPage />
+                    </SentryRoute>
+                    <SentryRoute exact path="/register">
+                      <RegisterPage />
+                    </SentryRoute>
+                    <SentryRoute path="/room/:roomId?">
+                      <RoomPage />
+                    </SentryRoute>
+                    <SentryRoute path="/inspector">
+                      <SequenceDiagramViewerPage />
+                    </SentryRoute>
+                    <SentryRoute path="*">
+                      <RoomRedirect />
+                    </SentryRoute>
+                  </Switch>
+                </OverlayProvider>
+              </Sentry.ErrorBoundary>
+            </InspectorContextProvider>
+          </ClientProvider>
+        </Suspense>
+      ) : (
+        <LoadingView />
+      )}
     </Router>
   );
 }

src/Avatar.module.css

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

src/Avatar.tsx

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

src/ClientContext.tsx

@@ -22,23 +22,29 @@ import React, {
   createContext,
   useMemo,
   useContext,
+  useRef,
 } from "react";
 import { useHistory } from "react-router-dom";
-import { MatrixClient, ClientEvent } from "matrix-js-sdk/src/client";
-import { MatrixEvent } from "matrix-js-sdk/src/models/event";
+import { MatrixClient } from "matrix-js-sdk/src/client";
 import { logger } from "matrix-js-sdk/src/logger";
+import { useTranslation } from "react-i18next";
 
 import { ErrorView } from "./FullScreenView";
 import {
   initClient,
-  defaultHomeserver,
   CryptoStoreIntegrityError,
+  fallbackICEServerAllowed,
 } from "./matrix-utils";
 import { widget } from "./widget";
+import { PosthogAnalytics, RegistrationType } from "./PosthogAnalytics";
+import { translatedError } from "./TranslatedError";
+import { useEventTarget } from "./useEvents";
+import { Config } from "./config/Config";
 
 declare global {
   interface Window {
     matrixclient: MatrixClient;
+    isPasswordlessUser: boolean;
   }
 }
 
@@ -50,6 +56,9 @@ export interface Session {
   tempPassword?: string;
 }
 
+const loadChannel =
+  "BroadcastChannel" in window ? new BroadcastChannel("load") : null;
+
 const loadSession = (): Session => {
   const data = localStorage.getItem("matrix-auth-store");
   if (data) return JSON.parse(data);
@@ -84,6 +93,7 @@ interface Props {
 
 export const ClientProvider: FC<Props> = ({ children }) => {
   const history = useHistory();
+  const initializing = useRef(false);
   const [
     { loading, isAuthenticated, isPasswordlessUser, client, userName, error },
     setState,
@@ -97,13 +107,18 @@ export const ClientProvider: FC<Props> = ({ children }) => {
   });
 
   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
+    if (initializing.current) return;
+    initializing.current = true;
+
     const init = async (): Promise<
       Pick<ClientProviderState, "client" | "isPasswordlessUser">
     > => {
       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,
@@ -124,10 +139,11 @@ export const ClientProvider: FC<Props> = ({ children }) => {
             return {
               client: await initClient(
                 {
-                  baseUrl: defaultHomeserver,
+                  baseUrl: Config.defaultHomeserverUrl(),
                   accessToken: access_token,
                   userId: user_id,
                   deviceId: device_id,
+                  fallbackICEServerAllowed: fallbackICEServerAllowed,
                 },
                 true
               ),
@@ -139,14 +155,15 @@ export const ClientProvider: FC<Props> = ({ children }) => {
               try {
                 const client = await initClient(
                   {
-                    baseUrl: defaultHomeserver,
+                    baseUrl: Config.defaultHomeserverUrl(),
                     accessToken: access_token,
                     userId: user_id,
                     deviceId: device_id,
+                    fallbackICEServerAllowed: fallbackICEServerAllowed,
                   },
                   false // Don't need the crypto store just to log out
                 );
-                await client.logout(undefined, true);
+                await client.logout(true);
               } catch (err_) {
                 logger.warn(
                   "The previous session was lost, and we couldn't log it out, " +
@@ -185,7 +202,8 @@ export const ClientProvider: FC<Props> = ({ children }) => {
           userName: null,
           error: undefined,
         });
-      });
+      })
+      .finally(() => (initializing.current = false));
   }, []);
 
   const changePassword = useCallback(
@@ -253,7 +271,8 @@ export const ClientProvider: FC<Props> = ({ children }) => {
   );
 
   const logout = useCallback(async () => {
-    await client.logout(undefined, true);
+    await client.logout(true);
+    await client.clearStores();
     clearSession();
     setState({
       client: undefined,
@@ -264,48 +283,34 @@ export const ClientProvider: FC<Props> = ({ children }) => {
       error: undefined,
     });
     history.push("/");
+    PosthogAnalytics.instance.setRegistrationType(RegistrationType.Guest);
   }, [history, client]);
 
+  const { t } = useTranslation();
+
+  // To protect against multiple sessions writing to the same storage
+  // simultaneously, we send a broadcast message that shuts down all other
+  // running instances of the app. This isn't necessary if the app is running in
+  // a widget though, since then it'll be mostly stateless.
   useEffect(() => {
-    // To protect against multiple sessions writing to the same storage
-    // simultaneously, we send a to-device message that shuts down all other
-    // running instances of the app. This isn't necessary if the app is running
-    // in a widget though, since then it'll be mostly stateless.
-    if (!widget && client) {
-      const loadTime = Date.now();
+    if (!widget) loadChannel?.postMessage({});
+  }, []);
 
-      const onToDeviceEvent = (event: MatrixEvent) => {
-        if (event.getType() !== "org.matrix.call_duplicate_session") return;
+  useEventTarget(
+    loadChannel,
+    "message",
+    useCallback(() => {
+      client?.stopClient();
 
-        const content = event.getContent();
-
-        if (content.session_id === client.getSessionId()) return;
-
-        if (content.timestamp > loadTime) {
-          client?.stopClient();
-
-          setState((prev) => ({
-            ...prev,
-            error: new Error(
-              "This application has been opened in another tab."
-            ),
-          }));
-        }
-      };
-
-      client.on(ClientEvent.ToDeviceEvent, onToDeviceEvent);
-
-      client.sendToDevice("org.matrix.call_duplicate_session", {
-        [client.getUserId()]: {
-          "*": { session_id: client.getSessionId(), timestamp: loadTime },
-        },
-      });
-
-      return () => {
-        client?.removeListener(ClientEvent.ToDeviceEvent, onToDeviceEvent);
-      };
-    }
-  }, [client]);
+      setState((prev) => ({
+        ...prev,
+        error: translatedError(
+          "This application has been opened in another tab.",
+          t
+        ),
+      }));
+    }, [client, setState, t])
+  );
 
   const context = useMemo<ClientState>(
     () => ({
@@ -333,7 +338,8 @@ export const ClientProvider: FC<Props> = ({ children }) => {
 
   useEffect(() => {
     window.matrixclient = client;
-  }, [client]);
+    window.isPasswordlessUser = isPasswordlessUser;
+  }, [client, isPasswordlessUser]);
 
   if (error) {
     return <ErrorView error={error} />;

src/Facepile.module.css

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

src/Facepile.tsx

@@ -14,10 +14,11 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { HTMLAttributes } from "react";
+import React, { HTMLAttributes, useMemo } from "react";
 import classNames from "classnames";
 import { MatrixClient } from "matrix-js-sdk/src/client";
 import { RoomMember } from "matrix-js-sdk/src/models/room-member";
+import { useTranslation } from "react-i18next";
 
 import styles from "./Facepile.module.css";
 import { Avatar, Size, sizes } from "./Avatar";
@@ -31,7 +32,7 @@ const overlapMap: Partial<Record<Size, number>> = {
 interface Props extends HTMLAttributes<HTMLDivElement> {
   className: string;
   client: MatrixClient;
-  participants: RoomMember[];
+  members: RoomMember[];
   max?: number;
   size?: Size;
 }
@@ -39,43 +40,54 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
 export function Facepile({
   className,
   client,
-  participants,
+  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={participants.map((member) => member.name).join(", ")}
+      title={title}
       style={{
         width:
-          Math.min(participants.length, max + 1) * (_size - _overlap) +
-          _overlap,
+          Math.min(members.length, max + 1) * (_size - _overlap) + _overlap,
       }}
       {...rest}
     >
-      {participants.slice(0, max).map((member, i) => {
-        const avatarUrl = member.user?.avatarUrl;
+      {members.slice(0, max).map((member, i) => {
+        const avatarUrl = member.getMxcAvatarUrl();
         return (
           <Avatar
             key={member.userId}
             size={size}
-            src={avatarUrl}
+            src={avatarUrl ?? undefined}
             fallback={member.name.slice(0, 1).toUpperCase()}
             className={styles.avatar}
             style={{ left: i * (_size - _overlap) }}
           />
         );
       })}
-      {participants.length > max && (
+      {members.length > max && (
         <Avatar
           key="additional"
           size={size}
-          fallback={`+${participants.length - max}`}
+          fallback={`+${members.length - max}`}
           className={styles.avatar}
           style={{ left: max * (_size - _overlap) }}
         />

src/FullScreenView.module.css

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

src/FullScreenView.tsx

@@ -1,12 +1,31 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 import React, { ReactNode, useCallback, useEffect } from "react";
 import { useLocation } from "react-router-dom";
 import classNames from "classnames";
+import { Trans, useTranslation } from "react-i18next";
 
 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 { Config } from "./config/Config";
 
 interface FullScreenViewProps {
   className?: string;
@@ -35,6 +54,7 @@ interface ErrorViewProps {
 
 export function ErrorView({ error }: ErrorViewProps) {
   const location = useLocation();
+  const { t } = useTranslation();
 
   useEffect(() => {
     console.error(error);
@@ -47,7 +67,11 @@ export function ErrorView({ error }: ErrorViewProps) {
   return (
     <FullScreenView>
       <h1>Error</h1>
-      <p>{error.message}</p>
+      <p>
+        {error instanceof TranslatedError
+          ? error.translatedMessage
+          : error.message}
+      </p>
       {location.pathname === "/" ? (
         <Button
           size="lg"
@@ -55,7 +79,7 @@ export function ErrorView({ error }: ErrorViewProps) {
           className={styles.homeLink}
           onPress={onReload}
         >
-          Return to home screen
+          {t("Return to home screen")}
         </Button>
       ) : (
         <LinkButton
@@ -64,7 +88,7 @@ export function ErrorView({ error }: ErrorViewProps) {
           className={styles.homeLink}
           to="/"
         >
-          Return to home screen
+          {t("Return to home screen")}
         </LinkButton>
       )}
     </FullScreenView>
@@ -72,6 +96,7 @@ export function ErrorView({ error }: ErrorViewProps) {
 }
 
 export function CrashView() {
+  const { t } = useTranslation();
   const { submitRageshake, sending, sent, error } = useSubmitRageshake();
 
   const sendDebugLogs = useCallback(() => {
@@ -85,12 +110,12 @@ export function CrashView() {
     window.location.href = "/";
   }, []);
 
-  let logsComponent;
+  let logsComponent: JSX.Element | null = null;
   if (sent) {
-    logsComponent = <div>Thanks! We'll get right on it.</div>;
+    logsComponent = <div>{t("Thanks! We'll get right on it.")}</div>;
   } else if (sending) {
-    logsComponent = <div>Sending...</div>;
-  } else {
+    logsComponent = <div>{t("Sending…")}</div>;
+  } else if (Config.get().rageshake?.submit_url) {
     logsComponent = (
       <Button
         size="lg"
@@ -98,33 +123,44 @@ export function CrashView() {
         onPress={sendDebugLogs}
         className={styles.wideButton}
       >
-        Send debug logs
+        {t("Send debug logs")}
       </Button>
     );
   }
 
   return (
     <FullScreenView>
-      <h1>Oops, something's gone wrong.</h1>
-      <p>Submitting debug logs will help us track down the problem.</p>
+      <Trans>
+        <h1>Oops, something's gone wrong.</h1>
+      </Trans>
+      {Config.get().rageshake?.submit_url && (
+        <Trans>
+          <p>Submitting debug logs will help us track down the problem.</p>
+        </Trans>
+      )}
+
       <div className={styles.sendLogsSection}>{logsComponent}</div>
-      {error && <ErrorMessage>Couldn't send debug logs!</ErrorMessage>}
+      {error && (
+        <ErrorMessage error={translatedError("Couldn't send debug logs!", t)} />
+      )}
       <Button
         size="lg"
         variant="default"
         className={styles.wideButton}
         onPress={onReload}
       >
-        Return to home screen
+        {t("Return to home screen")}
       </Button>
     </FullScreenView>
   );
 }
 
 export function LoadingView() {
+  const { t } = useTranslation();
+
   return (
     <FullScreenView>
-      <h1>Loading...</h1>
+      <h1>{t("Loading…")}</h1>
     </FullScreenView>
   );
 }

src/Header.module.css

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

src/Header.tsx

@@ -1,9 +1,26 @@
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
 import classNames from "classnames";
 import React, { HTMLAttributes, ReactNode, useCallback, useRef } from "react";
 import { Link } from "react-router-dom";
 import { useButton } from "@react-aria/button";
 import { AriaButtonProps } from "@react-types/button";
 import { Room } from "matrix-js-sdk/src/models/room";
+import { useTranslation } from "react-i18next";
 
 import styles from "./Header.module.css";
 import { useModalTriggerState } from "./Modal";
@@ -87,8 +104,14 @@ interface HeaderLogoProps {
 }
 
 export function HeaderLogo({ className }: HeaderLogoProps) {
+  const { t } = useTranslation();
+
   return (
-    <Link className={classNames(styles.headerLogo, className)} to="/">
+    <Link
+      className={classNames(styles.headerLogo, className)}
+      to="/"
+      aria-label={t("Element Call Home")}
+    >
       <Logo />
     </Link>
   );
@@ -156,6 +179,7 @@ export function VersionMismatchWarning({
   users,
   room,
 }: VersionMismatchWarningProps) {
+  const { t } = useTranslation();
   const { modalState, modalProps } = useModalTriggerState();
 
   const onDetailsClick = useCallback(() => {
@@ -166,9 +190,9 @@ export function VersionMismatchWarning({
 
   return (
     <span className={styles.versionMismatchWarning}>
-      Incomaptible versions!
+      {t("Incompatible versions!")}
       <Button variant="link" onClick={onDetailsClick}>
-        Details
+        {t("Details")}
       </Button>
       {modalState.isOpen && (
         <IncompatibleVersionModal userIds={users} room={room} {...modalProps} />

src/IncompatibleVersionModal.tsx

@@ -15,7 +15,8 @@ limitations under the License.
 */
 
 import { Room } from "matrix-js-sdk/src/models/room";
-import React from "react";
+import React, { useMemo } from "react";
+import { Trans, useTranslation } from "react-i18next";
 
 import { Modal, ModalContent } from "./Modal";
 import { Body } from "./typography/Typography";
@@ -23,24 +24,35 @@ import { Body } from "./typography/Typography";
 interface Props {
   userIds: Set<string>;
   room: Room;
+  onClose: () => void;
 }
 
 export const IncompatibleVersionModal: React.FC<Props> = ({
   userIds,
   room,
+  onClose,
   ...rest
 }) => {
-  const userLis = Array.from(userIds).map((u) => (
-    <li>{room.getMember(u).name}</li>
-  ));
+  const { t } = useTranslation();
+  const userLis = useMemo(
+    () => [...userIds].map((u) => <li>{room.getMember(u)?.name ?? u}</li>),
+    [userIds, room]
+  );
 
   return (
-    <Modal title="Incompatible Versions" isDismissable {...rest}>
+    <Modal
+      title={t("Incompatible versions")}
+      isDismissable
+      onClose={onClose}
+      {...rest}
+    >
       <ModalContent>
         <Body>
-          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>
+            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/IndexedDBWorker.ts

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

src/LazyEventEmitter.ts

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

src/ListBox.module.css

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

src/ListBox.tsx

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

src/Menu.module.css

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

src/Menu.tsx

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

src/Modal.module.css

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

src/Modal.tsx

@@ -33,6 +33,7 @@ import { FocusScope } from "@react-aria/focus";
 import { ButtonAria, useButton } from "@react-aria/button";
 import classNames from "classnames";
 import { AriaDialogProps } from "@react-types/dialog";
+import { useTranslation } from "react-i18next";
 
 import { ReactComponent as CloseIcon } from "./icons/Close.svg";
 import styles from "./Modal.module.css";
@@ -42,7 +43,7 @@ export interface ModalProps extends OverlayProps, AriaDialogProps {
   children: ReactNode;
   className?: string;
   mobileFullScreen?: boolean;
-  onClose?: () => void;
+  onClose: () => void;
 }
 
 export function Modal({
@@ -53,6 +54,7 @@ export function Modal({
   onClose,
   ...rest
 }: ModalProps) {
+  const { t } = useTranslation();
   const modalRef = useRef();
   const { overlayProps, underlayProps } = useOverlay(
     { ...rest, onClose },
@@ -90,6 +92,7 @@ export function Modal({
                 {...closeButtonProps}
                 ref={closeButtonRef}
                 className={styles.closeButton}
+                title={t("Close")}
               >
                 <CloseIcon />
               </button>

src/PosthogAnalytics.ts

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

src/PosthogEvents.ts

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

src/SequenceDiagramViewerPage.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React, { useCallback, useState } from "react";
+import { useTranslation } from "react-i18next";
 
 import {
   SequenceDiagramViewer,
@@ -30,7 +31,8 @@ interface DebugLog {
 }
 
 export function SequenceDiagramViewerPage() {
-  usePageTitle("Inspector");
+  const { t } = useTranslation();
+  usePageTitle(t("Inspector"));
 
   const [debugLog, setDebugLog] = useState<DebugLog>();
   const [selectedUserId, setSelectedUserId] = useState<string>();
@@ -49,7 +51,7 @@ export function SequenceDiagramViewerPage() {
           type="file"
           id="debugLog"
           name="debugLog"
-          label="Debug Log"
+          label={t("Debug log")}
           onChange={onChangeDebugLog}
         />
       </FieldRow>

src/Tooltip.module.css

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

src/Tooltip.tsx

@@ -86,7 +86,7 @@ export const TooltipTrigger = forwardRef<HTMLElement, TooltipTriggerProps>(
       targetRef: triggerRef,
       overlayRef,
       isOpen: tooltipState.isOpen,
-      offset: 5,
+      offset: 12,
     });
 
     return (

src/TranslatedError.ts

@@ -0,0 +1,41 @@
+/*
+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 i18n from "i18next";
+
+/**
+ * An error with messages in both English and the user's preferred language.
+ */
+// Abstract to force consumers to use the function below rather than calling the
+// constructor directly
+export abstract class TranslatedError extends Error {
+  /**
+   * The error message in the user's preferred language.
+   */
+  public readonly translatedMessage: string;
+
+  public constructor(messageKey: string, translationFn: typeof i18n.t) {
+    super(translationFn(messageKey, { lng: "en-GB" }));
+    this.translatedMessage = translationFn(messageKey);
+  }
+}
+
+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) =>
+  new TranslatedErrorImpl(messageKey, t);

src/UrlParams.ts

@@ -17,47 +17,87 @@ limitations under the License.
 import { useMemo } from "react";
 import { useLocation } from "react-router-dom";
 
-export interface RoomParams {
+export interface UrlParams {
   roomAlias: string | null;
   roomId: string | null;
   viaServers: string[];
-  // Whether the app is running in embedded mode, and should keep the user
-  // confined to the current room
+  /**
+   * Whether the app is running in embedded mode, and should keep the user
+   * confined to the current room.
+   */
   isEmbedded: boolean;
-  // Whether the app should pause before joining the call until it sees an
-  // io.element.join widget action, allowing it to be preloaded
+  /**
+   * Whether the app should pause before joining the call until it sees an
+   * io.element.join widget action, allowing it to be preloaded.
+   */
   preload: boolean;
-  // Whether to hide the room header when in a call
+  /**
+   * Whether to hide the room header when in a call.
+   */
   hideHeader: boolean;
-  // Whether to start a walkie-talkie call instead of a video call
+  /**
+   * 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
+  /**
+   * Whether to use end-to-end encryption.
+   */
   e2eEnabled: boolean;
-  // The user's ID (only used in Matroska mode)
+  /**
+   * The user's ID (only used in matryoshka mode).
+   */
   userId: string | null;
-  // The display name to use for auto-registration
+  /**
+   * The display name to use for auto-registration.
+   */
   displayName: string | null;
-  // The device's ID (only used in Matroska mode)
+  /**
+   * The device's ID (only used in matryoshka mode).
+   */
   deviceId: string | null;
+  /**
+   * The base URL of the homeserver to use for media lookups in matryoshka mode.
+   */
+  baseUrl: string | null;
+  /**
+   * The BCP 47 code of the language the app should use.
+   */
+  lang: string | null;
+  /**
+   * The fonts which the interface should use, if not empty.
+   */
+  fonts: string[];
+  /**
+   * The factor by which to scale the interface's font size.
+   */
+  fontScale: number | null;
+  /**
+   * The Posthog analytics ID. It is only available if the user has given consent for sharing telemetry in element web.
+   */
+  analyticsID: string | null;
 }
 
 /**
- * Gets the room parameters for the current URL.
- * @param {string} query The URL query string
- * @param {string} fragment The URL fragment string
- * @returns {RoomParams} The room parameters encoded in the URL
+ * Gets the app parameters for the current URL.
+ * @param query The URL query string
+ * @param fragment The URL fragment string
+ * @returns The app parameters encoded in the URL
  */
-export const getRoomParams = (
+export const getUrlParams = (
   query: string = window.location.search,
   fragment: string = window.location.hash
-): RoomParams => {
+): UrlParams => {
   const fragmentQueryStart = fragment.indexOf("?");
   const fragmentParams = new URLSearchParams(
     fragmentQueryStart === -1 ? "" : fragment.substring(fragmentQueryStart)
   );
   const queryParams = new URLSearchParams(query);
 
-  // Normally, room params should be encoded in the fragment so as to avoid
+  // 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 =>
@@ -75,6 +115,8 @@ export const getRoomParams = (
       ? fragment
       : fragment.substring(0, fragmentQueryStart);
 
+  const fontScale = parseFloat(getParam("fontScale") ?? "");
+
   return {
     roomAlias: fragmentRoute.length > 1 ? fragmentRoute : null,
     roomId: getParam("roomId"),
@@ -82,19 +124,25 @@ export const getRoomParams = (
     isEmbedded: hasParam("embed"),
     preload: hasParam("preload"),
     hideHeader: hasParam("hideHeader"),
+    hideScreensharing: hasParam("hideScreensharing"),
     isPtt: hasParam("ptt"),
     e2eEnabled: getParam("enableE2e") !== "false", // Defaults to true
     userId: getParam("userId"),
     displayName: getParam("displayName"),
     deviceId: getParam("deviceId"),
+    baseUrl: getParam("baseUrl"),
+    lang: getParam("lang"),
+    fonts: getAllParams("font"),
+    fontScale: Number.isNaN(fontScale) ? null : fontScale,
+    analyticsID: getParam("analyticsID"),
   };
 };
 
 /**
- * Hook to simplify use of getRoomParams.
- * @returns {RoomParams} The room parameters for the current URL
+ * Hook to simplify use of getUrlParams.
+ * @returns The app parameters for the current URL
  */
-export const useRoomParams = (): RoomParams => {
+export const useUrlParams = (): UrlParams => {
   const { hash, search } = useLocation();
-  return useMemo(() => getRoomParams(search, hash), [search, hash]);
+  return useMemo(() => getUrlParams(search, hash), [search, hash]);
 };

src/UserMenu.module.css

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

src/UserMenu.tsx

@@ -1,6 +1,23 @@
-import React, { useMemo } from "react";
+/*
+Copyright 2022 New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React, { useCallback, useMemo } from "react";
 import { Item } from "@react-stately/collections";
 import { useLocation } from "react-router-dom";
+import { useTranslation } from "react-i18next";
 
 import { Button, LinkButton } from "./button";
 import { PopoverMenuTrigger } from "./popover/PopoverMenu";
@@ -30,6 +47,7 @@ export function UserMenu({
   avatarUrl,
   onAction,
 }: UserMenuProps) {
+  const { t } = useTranslation();
   const location = useLocation();
 
   const items = useMemo(() => {
@@ -45,7 +63,7 @@ export function UserMenu({
       if (isPasswordlessUser && !preventNavigation) {
         arr.push({
           key: "login",
-          label: "Sign In",
+          label: t("Sign in"),
           icon: LoginIcon,
         });
       }
@@ -53,14 +71,16 @@ export function UserMenu({
       if (!isPasswordlessUser && !preventNavigation) {
         arr.push({
           key: "logout",
-          label: "Sign Out",
+          label: t("Sign out"),
           icon: LogoutIcon,
         });
       }
     }
 
     return arr;
-  }, [isAuthenticated, isPasswordlessUser, displayName, preventNavigation]);
+  }, [isAuthenticated, isPasswordlessUser, displayName, preventNavigation, t]);
+
+  const tooltip = useCallback(() => t("Profile"), [t]);
 
   if (!isAuthenticated) {
     return (
@@ -72,7 +92,7 @@ export function UserMenu({
 
   return (
     <PopoverMenuTrigger placement="bottom right">
-      <TooltipTrigger tooltip={() => "Profile"} placement="bottom left">
+      <TooltipTrigger tooltip={tooltip} placement="bottom left">
         <Button variant="icon" className={styles.userButton}>
           {isAuthenticated && (!isPasswordlessUser || avatarUrl) ? (
             <Avatar
@@ -87,7 +107,7 @@ export function UserMenu({
         </Button>
       </TooltipTrigger>
       {(props) => (
-        <Menu {...props} label="User menu" onAction={onAction}>
+        <Menu {...props} label={t("User menu")} onAction={onAction}>
           {items.map(({ key, icon: Icon, label }) => (
             <Item key={key} textValue={label}>
               <Icon width={24} height={24} className={styles.menuIcon} />

src/UserMenuContainer.tsx

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

src/auth/LoginPage.module.css

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

src/auth/LoginPage.tsx

@@ -14,31 +14,27 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, {
-  FC,
-  FormEvent,
-  useCallback,
-  useRef,
-  useState,
-  useMemo,
-} from "react";
+import React, { FC, FormEvent, useCallback, useRef, useState } from "react";
 import { useHistory, useLocation, Link } from "react-router-dom";
+import { Trans, useTranslation } from "react-i18next";
 
 import { ReactComponent as Logo } from "../icons/LogoLarge.svg";
 import { useClient } from "../ClientContext";
 import { FieldRow, InputField, ErrorMessage } from "../input/Input";
 import { Button } from "../button";
-import { defaultHomeserver, defaultHomeserverHost } from "../matrix-utils";
 import styles from "./LoginPage.module.css";
 import { useInteractiveLogin } from "./useInteractiveLogin";
 import { usePageTitle } from "../usePageTitle";
+import { PosthogAnalytics } from "../PosthogAnalytics";
+import { Config } from "../config/Config";
 
 export const LoginPage: FC = () => {
-  usePageTitle("Login");
+  const { t } = useTranslation();
+  usePageTitle(t("Login"));
 
   const { setClient } = useClient();
   const login = useInteractiveLogin();
-  const homeserver = defaultHomeserver; // TODO: Make this configurable
+  const homeserver = Config.defaultHomeserverUrl(); // TODO: Make this configurable
   const usernameRef = useRef<HTMLInputElement>();
   const passwordRef = useRef<HTMLInputElement>();
   const history = useHistory();
@@ -62,6 +58,7 @@ export const LoginPage: FC = () => {
           } else {
             history.push("/");
           }
+          PosthogAnalytics.instance.eventLogin.track();
         })
         .catch((error) => {
           setError(error);
@@ -71,14 +68,6 @@ export const LoginPage: FC = () => {
     [login, location, history, homeserver, setClient]
   );
 
-  const homeserverHost = useMemo(() => {
-    try {
-      return new URL(homeserver).host;
-    } catch (error) {
-      return defaultHomeserverHost;
-    }
-  }, [homeserver]);
-
   return (
     <>
       <div className={styles.container}>
@@ -93,30 +82,30 @@ export const LoginPage: FC = () => {
                 <InputField
                   type="text"
                   ref={usernameRef}
-                  placeholder="Username"
-                  label="Username"
+                  placeholder={t("Username")}
+                  label={t("Username")}
                   autoCorrect="off"
                   autoCapitalize="none"
                   prefix="@"
-                  suffix={`:${homeserverHost}`}
+                  suffix={`:${Config.defaultServerName()}`}
                 />
               </FieldRow>
               <FieldRow>
                 <InputField
                   type="password"
                   ref={passwordRef}
-                  placeholder="Password"
-                  label="Password"
+                  placeholder={t("Password")}
+                  label={t("Password")}
                 />
               </FieldRow>
               {error && (
                 <FieldRow>
-                  <ErrorMessage>{error.message}</ErrorMessage>
+                  <ErrorMessage error={error} />
                 </FieldRow>
               )}
               <FieldRow>
                 <Button type="submit" disabled={loading}>
-                  {loading ? "Logging in..." : "Login"}
+                  {loading ? t("Logging in…") : t("Login")}
                 </Button>
               </FieldRow>
             </form>
@@ -124,9 +113,11 @@ export const LoginPage: FC = () => {
           <div className={styles.authLinks}>
             <p>Not registered yet?</p>
             <p>
-              <Link to="/register">Create an account</Link>
-              {" Or "}
-              <Link to="/">Access as a guest</Link>
+              <Trans>
+                <Link to="/register">Create an account</Link>
+                {" Or "}
+                <Link to="/">Access as a guest</Link>
+              </Trans>
             </p>
           </div>
         </div>

src/auth/RegisterPage.tsx

@@ -26,11 +26,11 @@ import React, {
 import { useHistory, useLocation } from "react-router-dom";
 import { captureException } from "@sentry/react";
 import { sleep } from "matrix-js-sdk/src/utils";
+import { Trans, useTranslation } from "react-i18next";
 
 import { FieldRow, InputField, ErrorMessage } from "../input/Input";
 import { Button } from "../button";
 import { useClient } from "../ClientContext";
-import { defaultHomeserverHost } from "../matrix-utils";
 import { useInteractiveRegistration } from "./useInteractiveRegistration";
 import styles from "./LoginPage.module.css";
 import { ReactComponent as Logo } from "../icons/LogoLarge.svg";
@@ -38,9 +38,12 @@ import { LoadingView } from "../FullScreenView";
 import { useRecaptcha } from "./useRecaptcha";
 import { Caption, Link } from "../typography/Typography";
 import { usePageTitle } from "../usePageTitle";
+import { PosthogAnalytics } from "../PosthogAnalytics";
+import { Config } from "../config/Config";
 
 export const RegisterPage: FC = () => {
-  usePageTitle("Register");
+  const { t } = useTranslation();
+  usePageTitle(t("Register"));
 
   const { loading, isAuthenticated, isPasswordlessUser, client, setClient } =
     useClient();
@@ -96,6 +99,7 @@ export const RegisterPage: FC = () => {
         }
 
         setClient(newClient, session);
+        PosthogAnalytics.instance.eventSignup.cacheSignupEnd(new Date());
       };
 
       submit()
@@ -126,11 +130,11 @@ export const RegisterPage: FC = () => {
 
   useEffect(() => {
     if (password && passwordConfirmation && password !== passwordConfirmation) {
-      confirmPasswordRef.current?.setCustomValidity("Passwords must match");
+      confirmPasswordRef.current?.setCustomValidity(t("Passwords must match"));
     } else {
       confirmPasswordRef.current?.setCustomValidity("");
     }
-  }, [password, passwordConfirmation]);
+  }, [password, passwordConfirmation, t]);
 
   useEffect(() => {
     if (!loading && isAuthenticated && !isPasswordlessUser && !registering) {
@@ -140,6 +144,8 @@ export const RegisterPage: FC = () => {
 
   if (loading) {
     return <LoadingView />;
+  } else {
+    PosthogAnalytics.instance.eventSignup.cacheSignupStart(new Date());
   }
 
   return (
@@ -154,12 +160,12 @@ export const RegisterPage: FC = () => {
                 <InputField
                   type="text"
                   name="userName"
-                  placeholder="Username"
-                  label="Username"
+                  placeholder={t("Username")}
+                  label={t("Username")}
                   autoCorrect="off"
                   autoCapitalize="none"
                   prefix="@"
-                  suffix={`:${defaultHomeserverHost}`}
+                  suffix={`:${Config.defaultServerName()}`}
                 />
               </FieldRow>
               <FieldRow>
@@ -171,8 +177,8 @@ export const RegisterPage: FC = () => {
                     setPassword(e.target.value)
                   }
                   value={password}
-                  placeholder="Password"
-                  label="Password"
+                  placeholder={t("Password")}
+                  label={t("Password")}
                 />
               </FieldRow>
               <FieldRow>
@@ -184,45 +190,49 @@ export const RegisterPage: FC = () => {
                     setPasswordConfirmation(e.target.value)
                   }
                   value={passwordConfirmation}
-                  placeholder="Confirm Password"
-                  label="Confirm Password"
+                  placeholder={t("Confirm password")}
+                  label={t("Confirm password")}
                   ref={confirmPasswordRef}
                 />
               </FieldRow>
               <Caption>
-                This site is protected by ReCAPTCHA and the Google{" "}
-                <Link href="https://www.google.com/policies/privacy/">
-                  Privacy Policy
-                </Link>{" "}
-                and{" "}
-                <Link href="https://policies.google.com/terms">
-                  Terms of Service
-                </Link>{" "}
-                apply.
-                <br />
-                By clicking "Register", you agree to our{" "}
-                <Link href={privacyPolicyUrl}>Terms and conditions</Link>
+                <Trans>
+                  This site is protected by ReCAPTCHA and the Google{" "}
+                  <Link href="https://www.google.com/policies/privacy/">
+                    Privacy Policy
+                  </Link>{" "}
+                  and{" "}
+                  <Link href="https://policies.google.com/terms">
+                    Terms of Service
+                  </Link>{" "}
+                  apply.
+                  <br />
+                  By clicking "Register", you agree to our{" "}
+                  <Link href={privacyPolicyUrl}>Terms and conditions</Link>
+                </Trans>
               </Caption>
               {error && (
                 <FieldRow>
-                  <ErrorMessage>{error.message}</ErrorMessage>
+                  <ErrorMessage error={error} />
                 </FieldRow>
               )}
               <FieldRow>
                 <Button type="submit" disabled={registering}>
-                  {registering ? "Registering..." : "Register"}
+                  {registering ? t("Registering…") : t("Register")}
                 </Button>
               </FieldRow>
               <div id={recaptchaId} />
             </form>
           </div>
           <div className={styles.authLinks}>
-            <p>Already have an account?</p>
-            <p>
-              <Link to="/login">Log in</Link>
-              {" Or "}
-              <Link to="/">Access as a guest</Link>
-            </p>
+            <Trans>
+              <p>Already have an account?</p>
+              <p>
+                <Link to="/login">Log in</Link>
+                {" Or "}
+                <Link to="/">Access as a guest</Link>
+              </p>
+            </Trans>
           </div>
         </div>
       </div>

src/auth/generateRandomName.ts

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

src/auth/useInteractiveLogin.ts

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

src/auth/useInteractiveRegistration.ts

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

src/auth/useRecaptcha.ts

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -16,6 +16,9 @@ limitations under the License.
 
 import { useEffect, useCallback, useRef, useState } from "react";
 import { randomString } from "matrix-js-sdk/src/randomstring";
+import { useTranslation } from "react-i18next";
+
+import { translatedError } from "../TranslatedError";
 
 declare global {
   interface Window {
@@ -32,6 +35,7 @@ interface RecaptchaPromiseRef {
 }
 
 export const useRecaptcha = (sitekey: string) => {
+  const { t } = useTranslation();
   const [recaptchaId] = useState(() => randomString(16));
   const promiseRef = useRef<RecaptchaPromiseRef>();
 
@@ -71,14 +75,14 @@ export const useRecaptcha = (sitekey: string) => {
 
     if (!window.grecaptcha) {
       console.log("Recaptcha not loaded");
-      return Promise.reject(new Error("Recaptcha not loaded"));
+      return Promise.reject(translatedError("Recaptcha not loaded", t));
     }
 
     return new Promise((resolve, reject) => {
       const observer = new MutationObserver((mutationsList) => {
         for (const item of mutationsList) {
           if ((item.target as HTMLElement)?.style?.visibility !== "visible") {
-            reject(new Error("Recaptcha dismissed"));
+            reject(translatedError("Recaptcha dismissed", t));
             observer.disconnect();
             return;
           }
@@ -108,7 +112,7 @@ export const useRecaptcha = (sitekey: string) => {
         });
       }
     });
-  }, [sitekey]);
+  }, [sitekey, t]);
 
   const reset = useCallback(() => {
     window.grecaptcha?.reset();

src/auth/useRegisterPasswordlessUser.ts

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

src/button/Button.module.css

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

src/button/Button.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -18,6 +18,7 @@ import { PressEvent } from "@react-types/shared";
 import classNames from "classnames";
 import { useButton } from "@react-aria/button";
 import { mergeProps, useObjectRef } from "@react-aria/utils";
+import { useTranslation } from "react-i18next";
 
 import styles from "./Button.module.css";
 import { ReactComponent as MicIcon } from "../icons/Mic.svg";
@@ -142,9 +143,11 @@ export function MicButton({
   // TODO: add all props for <Button>
   [index: string]: unknown;
 }) {
+  const { t } = useTranslation();
+
   return (
     <TooltipTrigger
-      tooltip={() => (muted ? "Unmute microphone" : "Mute microphone")}
+      tooltip={() => (muted ? t("Unmute microphone") : t("Mute microphone"))}
     >
       <Button variant="toolbar" {...rest} off={muted}>
         {muted ? <MuteMicIcon /> : <MicIcon />}
@@ -161,9 +164,11 @@ export function VideoButton({
   // TODO: add all props for <Button>
   [index: string]: unknown;
 }) {
+  const { t } = useTranslation();
+
   return (
     <TooltipTrigger
-      tooltip={() => (muted ? "Turn on camera" : "Turn off camera")}
+      tooltip={() => (muted ? t("Turn on camera") : t("Turn off camera"))}
     >
       <Button variant="toolbar" {...rest} off={muted}>
         {muted ? <DisableVideoIcon /> : <VideoIcon />}
@@ -182,9 +187,11 @@ export function ScreenshareButton({
   // TODO: add all props for <Button>
   [index: string]: unknown;
 }) {
+  const { t } = useTranslation();
+
   return (
     <TooltipTrigger
-      tooltip={() => (enabled ? "Stop sharing screen" : "Share screen")}
+      tooltip={() => (enabled ? t("Stop sharing screen") : t("Share screen"))}
     >
       <Button variant="toolbarSecondary" {...rest} on={enabled}>
         <ScreenshareIcon />
@@ -201,8 +208,11 @@ export function HangupButton({
   // TODO: add all props for <Button>
   [index: string]: unknown;
 }) {
+  const { t } = useTranslation();
+  const tooltip = useCallback(() => t("Leave"), [t]);
+
   return (
-    <TooltipTrigger tooltip={() => "Leave"}>
+    <TooltipTrigger tooltip={tooltip}>
       <Button
         variant="toolbar"
         className={classNames(styles.hangupButton, className)}
@@ -222,8 +232,11 @@ export function SettingsButton({
   // TODO: add all props for <Button>
   [index: string]: unknown;
 }) {
+  const { t } = useTranslation();
+  const tooltip = useCallback(() => t("Settings"), [t]);
+
   return (
-    <TooltipTrigger tooltip={() => "Settings"}>
+    <TooltipTrigger tooltip={tooltip}>
       <Button variant="toolbar" {...rest}>
         <SettingsIcon />
       </Button>
@@ -239,8 +252,11 @@ export function InviteButton({
   // TODO: add all props for <Button>
   [index: string]: unknown;
 }) {
+  const { t } = useTranslation();
+  const tooltip = useCallback(() => t("Invite"), [t]);
+
   return (
-    <TooltipTrigger tooltip={() => "Invite"}>
+    <TooltipTrigger tooltip={tooltip}>
       <Button variant="toolbar" {...rest}>
         <AddUserIcon />
       </Button>
@@ -256,8 +272,11 @@ interface AudioButtonProps extends Omit<Props, "variant"> {
 }
 
 export function AudioButton({ volume, ...rest }: AudioButtonProps) {
+  const { t } = useTranslation();
+  const tooltip = useCallback(() => t("Local volume"), [t]);
+
   return (
-    <TooltipTrigger tooltip={() => "Local volume"}>
+    <TooltipTrigger tooltip={tooltip}>
       <Button variant="icon" {...rest}>
         <VolumeIcon volume={volume} />
       </Button>
@@ -273,12 +292,13 @@ export function FullscreenButton({
   fullscreen,
   ...rest
 }: FullscreenButtonProps) {
-  const getTooltip = useCallback(() => {
-    return fullscreen ? "Exit full screen" : "Full screen";
-  }, [fullscreen]);
+  const { t } = useTranslation();
+  const tooltip = useCallback(() => {
+    return fullscreen ? t("Exit full screen") : t("Full screen");
+  }, [fullscreen, t]);
 
   return (
-    <TooltipTrigger tooltip={getTooltip}>
+    <TooltipTrigger tooltip={tooltip}>
       <Button variant="icon" {...rest}>
         {fullscreen ? <FullscreenExit /> : <Fullscreen />}
       </Button>

src/button/CopyButton.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React from "react";
+import { useTranslation } from "react-i18next";
 import useClipboard from "react-use-clipboard";
 
 import { ReactComponent as CheckIcon } from "../icons/Check.svg";
@@ -36,6 +37,7 @@ export function CopyButton({
   copiedMessage,
   ...rest
 }: Props) {
+  const { t } = useTranslation();
   const [isCopied, setCopied] = useClipboard(value, { successDuration: 3000 });
 
   return (
@@ -46,10 +48,11 @@ export function CopyButton({
       className={className}
       onPress={setCopied}
       iconStyle={isCopied ? "stroke" : "fill"}
+      aria-label={t("Copy")}
     >
       {isCopied ? (
         <>
-          {variant !== "icon" && <span>{copiedMessage || "Copied!"}</span>}
+          {variant !== "icon" && <span>{copiedMessage || t("Copied!")}</span>}
           <CheckIcon />
         </>
       ) : (

src/button/LinkButton.tsx

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

src/button/index.ts

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

src/config/Config.ts

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

src/config/ConfigOptions.ts

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

src/form/Form.module.css

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

src/form/Form.tsx

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

src/home/CallList.module.css

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

src/home/CallList.tsx

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

src/home/CallTypeDropdown.module.css

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

src/home/CallTypeDropdown.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -16,6 +16,7 @@ limitations under the License.
 
 import React, { FC } from "react";
 import { Item } from "@react-stately/collections";
+import { useTranslation } from "react-i18next";
 
 import { Headline } from "../typography/Typography";
 import { Button } from "../button";
@@ -39,25 +40,29 @@ interface Props {
 }
 
 export const CallTypeDropdown: FC<Props> = ({ callType, setCallType }) => {
+  const { t } = useTranslation();
+
   return (
     <PopoverMenuTrigger placement="bottom">
       <Button variant="dropdown" className={commonStyles.headline}>
         <Headline className={styles.label}>
-          {callType === CallType.Video ? "Video call" : "Walkie-talkie call"}
+          {callType === CallType.Video
+            ? t("Video call")
+            : t("Walkie-talkie call")}
         </Headline>
       </Button>
       {(props: JSX.IntrinsicAttributes) => (
-        <Menu {...props} label="Call type menu" onAction={setCallType}>
-          <Item key={CallType.Video} textValue="Video call">
+        <Menu {...props} label={t("Call type menu")} onAction={setCallType}>
+          <Item key={CallType.Video} textValue={t("Video call")}>
             <VideoIcon />
-            <span>Video call</span>
+            <span>{t("Video call")}</span>
             {callType === CallType.Video && (
               <CheckIcon className={menuStyles.checkIcon} />
             )}
           </Item>
-          <Item key={CallType.Radio} textValue="Walkie-talkie call">
+          <Item key={CallType.Radio} textValue={t("Walkie-talkie call")}>
             <MicIcon />
-            <span>Walkie-talkie call</span>
+            <span>{t("Walkie-talkie call")}</span>
             {callType === CallType.Radio && (
               <CheckIcon className={menuStyles.checkIcon} />
             )}

src/home/HomePage.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React from "react";
+import { useTranslation } from "react-i18next";
 
 import { useClient } from "../ClientContext";
 import { ErrorView, LoadingView } from "../FullScreenView";
@@ -23,7 +24,8 @@ import { RegisteredView } from "./RegisteredView";
 import { usePageTitle } from "../usePageTitle";
 
 export function HomePage() {
-  usePageTitle("Home");
+  const { t } = useTranslation();
+  usePageTitle(t("Home"));
 
   const { isAuthenticated, isPasswordlessUser, loading, error, client } =
     useClient();

src/home/JoinExistingCallModal.module.css

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

src/home/JoinExistingCallModal.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -16,6 +16,7 @@ limitations under the License.
 
 import React from "react";
 import { PressEvent } from "@react-types/shared";
+import { useTranslation } from "react-i18next";
 
 import { Modal, ModalContent } from "../Modal";
 import { Button } from "../button";
@@ -24,18 +25,25 @@ import styles from "./JoinExistingCallModal.module.css";
 
 interface Props {
   onJoin: (e: PressEvent) => void;
-  onClose: (e: PressEvent) => void;
+  onClose: () => void;
   // TODO: add used parameters for <Modal>
   [index: string]: unknown;
 }
 export function JoinExistingCallModal({ onJoin, onClose, ...rest }: Props) {
+  const { t } = useTranslation();
+
   return (
-    <Modal title="Join existing call?" isDismissable {...rest}>
+    <Modal
+      title={t("Join existing call?")}
+      isDismissable
+      {...rest}
+      onClose={onClose}
+    >
       <ModalContent>
-        <p>This call already exists, would you like to join?</p>
+        <p>{t("This call already exists, would you like to join?")}</p>
         <FieldRow rightAlign className={styles.buttons}>
-          <Button onPress={onClose}>No</Button>
-          <Button onPress={onJoin}>Yes, join call</Button>
+          <Button onPress={onClose}>{t("No")}</Button>
+          <Button onPress={onJoin}>{t("Yes, join call")}</Button>
         </FieldRow>
       </ModalContent>
     </Modal>

src/home/RegisteredView.module.css

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

src/home/RegisteredView.tsx

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Matrix.org Foundation C.I.C.
+Copyright 2022 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -22,6 +22,7 @@ import React, {
 } from "react";
 import { useHistory } from "react-router-dom";
 import { MatrixClient } from "matrix-js-sdk/src/client";
+import { useTranslation } from "react-i18next";
 
 import { createRoom, roomAliasLocalpartFromRoomName } from "../matrix-utils";
 import { useGroupCallRooms } from "./useGroupCallRooms";
@@ -48,6 +49,7 @@ export function RegisteredView({ client, isPasswordlessUser }: Props) {
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<Error>();
   const history = useHistory();
+  const { t } = useTranslation();
   const { modalState, modalProps } = useModalTriggerState();
 
   const onSubmit: FormEventHandler<HTMLFormElement> = useCallback(
@@ -93,7 +95,9 @@ export function RegisteredView({ client, isPasswordlessUser }: Props) {
   }, [history, existingRoomId]);
 
   const callNameLabel =
-    callType === CallType.Video ? "Video call name" : "Walkie-talkie call name";
+    callType === CallType.Video
+      ? t("Video call name")
+      : t("Walkie-talkie call name");
 
   return (
     <>
@@ -127,19 +131,19 @@ export function RegisteredView({ client, isPasswordlessUser }: Props) {
                 className={styles.button}
                 disabled={loading}
               >
-                {loading ? "Loading..." : "Go"}
+                {loading ? t("Loading…") : t("Go")}
               </Button>
             </FieldRow>
             {error && (
               <FieldRow className={styles.fieldRow}>
-                <ErrorMessage>{error.message}</ErrorMessage>
+                <ErrorMessage error={error} />
               </FieldRow>
             )}
           </Form>
           {recentRooms.length > 0 && (
             <>
               <Title className={styles.recentCallsTitle}>
-                Your recent Calls
+                {t("Your recent calls")}
               </Title>
               <CallList rooms={recentRooms} client={client} disableFacepile />
             </>