Always authenticate user by registering temp guest accounts

.dockerignore

@@ -1 +0,0 @@
-node_modules

.env

@@ -0,0 +1,22 @@
+####
+# App Config
+# Environment files are documented here:
+# https://vitejs.dev/guide/env-and-mode.html#env-files
+####
+
+# The room id for the space to use for listing public group call rooms
+# VITE_PUBLIC_SPACE_ROOM_ID=!hjdfshkdskjdsk:myhomeserver.com
+
+# The Sentry DSN to use for error reporting. Leave undefined to disable.
+# VITE_SENTRY_DSN=https://examplePublicKey@o0.ingest.sentry.io/0
+
+# VITE_CUSTOM_THEME=true
+# VITE_PRIMARY_COLOR=#0dbd8b
+# VITE_BG_COLOR_1=#ffffff
+# VITE_BG_COLOR_2=#f0f1f4
+# VITE_BG_COLOR_3=#dbdfe4
+# VITE_BG_COLOR_4=#d1d3d7
+# VITE_INPUT_BORDER_COLOR=#e7e7e7
+# VITE_INPUT_BORDER_COLOR_FOCUSED=#238cf5
+# VITE_TEXT_COLOR_1=#17191c
+# VITE_TEXT_COLOR_2=#61708b

.env.example

@@ -1,28 +0,0 @@
-####
-# Build-time app config
-# Environment files are documented here:
-# https://vitejs.dev/guide/env-and-mode.html#env-files
-####
-# Develop backend settings:
-LIVEKIT_KEY="devkey"
-LIVEKIT_SECRET="secret"
-
-# Used for determining the homeserver to use for short urls etc.
-# VITE_FALLBACK_STUN_ALLOWED=false
-
-# VITE_CUSTOM_THEME=true
-# VITE_THEME_ACCENT=#0dbd8b
-# VITE_THEME_ACCENT_20=#0dbd8b33
-# VITE_THEME_ALERT=#ff5b55
-# VITE_THEME_ALERT_20=#ff5b5533
-# VITE_THEME_LINKS=#0086e6
-# VITE_THEME_PRIMARY_CONTENT=#ffffff
-# VITE_THEME_SECONDARY_CONTENT=#a9b2bc
-# VITE_THEME_TERTIARY_CONTENT=#8e99a4
-# VITE_THEME_TERTIARY_CONTENT_20=#8e99a433
-# VITE_THEME_QUATERNARY_CONTENT=#6f7882
-# VITE_THEME_QUINARY_CONTENT=#394049
-# VITE_THEME_SYSTEM=#21262c
-# VITE_THEME_BACKGROUND=#15191e
-# VITE_THEME_BACKGROUND_85=#15191ed9
-# VITE_THEME_SUBTLE_PRIMARY=#26282D

.eslintrc.cjs

@@ -1,44 +0,0 @@
-module.exports = {
-  plugins: ["matrix-org"],
-  extends: [
-    "prettier",
-    "plugin:matrix-org/react",
-    "plugin:matrix-org/a11y",
-    "plugin:matrix-org/typescript",
-  ],
-  parserOptions: {
-    ecmaVersion: 2018,
-    sourceType: "module",
-    project: ["./tsconfig.json"],
-  },
-  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",
-    },
-  },
-};

.github/CODEOWNERS

@@ -1 +0,0 @@
-* @vector-im/element-call-reviewers

.github/ISSUE_TEMPLATE/bug.yml

@@ -1,67 +0,0 @@
-name: Bug report
-description: Create a report to help us improve
-labels: [T-Defect]
-body:
-  - type: markdown
-    attributes:
-      value: |
-        Thanks for taking the time to fill out this bug report!
-
-        Please report security issues by email to security@matrix.org
-  - type: textarea
-    id: reproduction-steps
-    attributes:
-      label: Steps to reproduce
-      description: Please attach screenshots, videos or logs if you can.
-      placeholder: Tell us what you see!
-      value: |
-        1. Where are you starting? What can you see?
-        2. What do you click?
-        3. More steps…
-    validations:
-      required: true
-  - type: textarea
-    id: result
-    attributes:
-      label: Outcome
-      placeholder: Tell us what went wrong
-      value: |
-        #### What did you expect?
-
-        #### What happened instead?
-    validations:
-      required: true
-  - type: input
-    id: os
-    attributes:
-      label: Operating system
-      placeholder: Windows, macOS, Ubuntu, Android…
-    validations:
-      required: false
-  - type: input
-    id: browser
-    attributes:
-      label: Browser information
-      description: Which browser are you using? Which version?
-      placeholder: e.g. Chromium Version 92.0.4515.131
-    validations:
-      required: false
-  - type: input
-    id: webapp-url
-    attributes:
-      label: URL for webapp
-      description: Which URL are you using to access the webapp? If a private server, tell us what version of Element Call you are using.
-      placeholder: e.g. call.element.io
-    validations:
-      required: false
-  - type: dropdown
-    id: rageshake
-    attributes:
-      label: Will you send logs?
-      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"
-    validations:
-      required: true

.github/ISSUE_TEMPLATE/config.yml

@@ -1,5 +0,0 @@
-blank_issues_enabled: false
-contact_links:
-  - name: Questions & support
-    url: https://matrix.to/#/#webrtc:matrix.org
-    about: Please ask and answer questions here.

.github/ISSUE_TEMPLATE/enhancement.yml

@@ -1,36 +0,0 @@
-name: Enhancement request
-description: Do you have a suggestion or feature request?
-labels: [T-Enhancement]
-body:
-  - type: markdown
-    attributes:
-      value: |
-        Thank you for taking the time to propose a new feature or make a suggestion.
-  - type: textarea
-    id: usecase
-    attributes:
-      label: Your use case
-      description: What would you like to be able to do? Please feel welcome to include screenshots or mock ups.
-      placeholder: Tell us what you would like to do!
-      value: |
-        #### What would you like to do?
-
-        #### Why would you like to do it?
-
-        #### How would you like to achieve it?
-    validations:
-      required: true
-  - type: textarea
-    id: alternative
-    attributes:
-      label: Have you considered any alternatives?
-      placeholder: A clear and concise description of any alternative solutions or features you've considered.
-    validations:
-      required: false
-  - type: textarea
-    id: additional-context
-    attributes:
-      label: Additional context
-      placeholder: Is there anything else you'd like to add?
-    validations:
-      required: false

.github/workflows/build.yaml

@@ -1,33 +0,0 @@
-name: Build
-on:
-  pull_request: {}
-  push:
-    branches: [livekit, full-mesh]
-jobs:
-  build:
-    name: Build
-    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: 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 }}
-          NODE_OPTIONS: "--max-old-space-size=4096"
-      - name: Upload Artifact
-        uses: actions/upload-artifact@v2
-        with:
-          name: build
-          path: dist
-          # We'll only use this in a triggered job, then we're done with it
-          retention-days: 1

.github/workflows/e2e.yml

@@ -1,24 +0,0 @@
-name: Run E2E tests
-on:
-  workflow_run:
-    workflows: ["deploy"]
-    types:
-      - completed
-    branches-ignore:
-      - "livekit"
-jobs:
-  e2e:
-    name: E2E tests runs on Element Call
-    runs-on: ubuntu-latest
-    steps:
-      - name: Check out test private repo
-        uses: actions/checkout@v3
-        with:
-          repository: vector-im/static-call-participant
-          ref: refs/heads/main
-          path: static-call-participant
-          token: ${{ secrets.GH_E2E_TEST_TOKEN }}
-      - name: Build E2E Image
-        run: "cd static-call-participant && docker build --no-cache --tag matrixdotorg/chrome-node-static-call-participant:latest ."
-      - name: Run E2E tests in container
-        run: "docker run --rm -v '${{ github.workspace }}/static-call-participant/callemshost-users.txt:/opt/app/callemshost-users.txt' matrixdotorg/chrome-node-static-call-participant:latest ./e2e.sh"

.github/workflows/lint.yaml

@@ -1,24 +0,0 @@
-name: Lint, format & type check
-on:
-  pull_request: {}
-jobs:
-  prettier:
-    name: Lint, format & type check
-    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: Prettier
-        run: "yarn run prettier:check"
-      - name: i18n
-        run: "yarn run i18n:check"
-      - name: ESLint
-        run: "yarn run lint:eslint"
-      - name: Type check
-        run: "yarn run lint:types"

.github/workflows/netlify-fullmesh.yaml

@@ -1,88 +0,0 @@
-name: Netlify Main
-on:
-  workflow_run:
-    workflows: ["Build"]
-    types:
-      - completed
-    branches:
-      - "full-mesh"
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    permissions:
-      deployments: write
-    # Important: the 'branches' filter above will match the 'main' branch on forks,
-    # so we need to check the head repo too in order to not run on PRs from forks
-    # We check the branch name again too just for completeness
-    # (Is there a nicer way to see if a PR is from a fork?)
-    if: github.event.workflow_run.conclusion == 'success' && github.event.workflow_run.head_repository.full_name == 'vector-im/element-call' && github.event.workflow_run.head_branch == 'full-mesh'
-    steps:
-      - name: Create Deployment
-        uses: bobheadxi/deployments@v1
-        id: deployment
-        with:
-          step: start
-          token: ${{ secrets.GITHUB_TOKEN }}
-          env: main-branch-cd
-          ref: ${{ github.event.workflow_run.head_sha }}
-
-      - name: "Download artifact"
-        uses: actions/github-script@v3.1.0
-        with:
-          script: |
-            const artifacts = await github.actions.listWorkflowRunArtifacts({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                run_id: ${{ github.event.workflow_run.id }},
-            });
-            const matchArtifact = artifacts.data.artifacts.filter((artifact) => {
-                return artifact.name == "build"
-            })[0];
-            const download = await github.actions.downloadArtifact({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                artifact_id: matchArtifact.id,
-                archive_format: 'zip',
-            });
-            const fs = require('fs');
-            fs.writeFileSync('${{github.workspace}}/build.zip', Buffer.from(download.data));
-
-      - name: Extract Artifacts
-        run: unzip -d dist build.zip && rm build.zip
-
-      - name: Add redirects file
-        # We fetch from github directly as we don't bother checking out the repo
-        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/main/config/netlify_redirects > dist/_redirects
-
-      - name: Add config file
-        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/main/config/element_io_develop.json > dist/config.json
-
-      - name: Deploy to Netlify
-        id: netlify
-        uses: nwtgck/actions-netlify@v1.2.3
-        with:
-          publish-dir: dist
-          deploy-message: "Deploy from GitHub Actions"
-          production-branch: main
-          production-deploy: true
-          # These don't work because we're in workflow_run
-          enable-pull-request-comment: false
-          enable-commit-comment: false
-          github-deployment-environment: main
-        env:
-          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
-          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
-        timeout-minutes: 1
-
-      - name: Update deployment status
-        uses: bobheadxi/deployments@v1
-        if: always()
-        with:
-          step: finish
-          override: false
-          token: ${{ secrets.GITHUB_TOKEN }}
-          status: ${{ job.status }}
-          env: ${{ steps.deployment.outputs.env }}
-          deployment_id: ${{ steps.deployment.outputs.deployment_id }}
-          env_url: ${{ steps.netlify.outputs.deploy-url }}

.github/workflows/netlify-livekit.yaml

@@ -1,87 +0,0 @@
-name: Netlify LiveKit
-on:
-  workflow_run:
-    workflows: ["Build"]
-    types:
-      - completed
-    branches:
-      - "livekit"
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-    permissions:
-      deployments: write
-    # Important: the 'branches' filter above will match the 'livekit' branch on forks,
-    # so we need to check the head repo too in order to not run on PRs from forks
-    # We check the branch name again too just for completeness
-    # (Is there a nicer way to see if a PR is from a fork?)
-    if: github.event.workflow_run.conclusion == 'success' && github.event.workflow_run.head_repository.full_name == 'vector-im/element-call' && github.event.workflow_run.head_branch == 'livekit'
-    steps:
-      - name: Create Deployment
-        uses: bobheadxi/deployments@v1
-        id: deployment
-        with:
-          step: start
-          token: ${{ secrets.GITHUB_TOKEN }}
-          env: livekit-experiment-branch-cd
-          ref: ${{ github.event.workflow_run.head_sha }}
-
-      - name: "Download artifact"
-        uses: actions/github-script@v3.1.0
-        with:
-          script: |
-            const artifacts = await github.actions.listWorkflowRunArtifacts({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                run_id: ${{ github.event.workflow_run.id }},
-            });
-            const matchArtifact = artifacts.data.artifacts.filter((artifact) => {
-                return artifact.name == "build"
-            })[0];
-            const download = await github.actions.downloadArtifact({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                artifact_id: matchArtifact.id,
-                archive_format: 'zip',
-            });
-            const fs = require('fs');
-            fs.writeFileSync('${{github.workspace}}/build.zip', Buffer.from(download.data));
-
-      - name: Extract Artifacts
-        run: unzip -d dist build.zip && rm build.zip
-
-      - name: Add redirects file
-        # We fetch from github directly as we don't bother checking out the repo
-        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/livekit/config/netlify_redirects > dist/_redirects
-
-      - name: Add config file
-        run: curl -s https://raw.githubusercontent.com/vector-im/element-call/livekit/config/element_io_preview.json > dist/config.json
-
-      - name: Deploy to Netlify
-        id: netlify
-        uses: nwtgck/actions-netlify@v1.2.3
-        with:
-          publish-dir: dist
-          deploy-message: "Deploy from GitHub Actions"
-          production-branch: livekit
-          production-deploy: true
-          # These don't work because we're in workflow_run
-          enable-pull-request-comment: false
-          enable-commit-comment: false
-        env:
-          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
-          NETLIFY_SITE_ID: e3b9fa82-c040-4db6-b4bf-42b524d57423
-        timeout-minutes: 1
-
-      - name: Update deployment status
-        uses: bobheadxi/deployments@v1
-        if: always()
-        with:
-          step: finish
-          override: false
-          token: ${{ secrets.GITHUB_TOKEN }}
-          status: ${{ job.status }}
-          env: ${{ steps.deployment.outputs.env }}
-          deployment_id: ${{ steps.deployment.outputs.deployment_id }}
-          env_url: ${{ steps.netlify.outputs.deploy-url }}

.github/workflows/netlify-pr.yaml

@@ -1,81 +0,0 @@
-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

@@ -1,72 +0,0 @@
-name: Build & publish images to the package registry for tags
-
-on:
-  release:
-    types: [published]
-
-env:
-  REGISTRY: ghcr.io
-  IMAGE_NAME: ${{ github.repository }}
-
-jobs:
-  build:
-    name: Build & publish
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write # required to upload release asset
-      packages: write
-    steps:
-      - name: Check it out
-        uses: actions/checkout@v2
-
-      - name: Log in to container registry
-        uses: docker/login-action@f054a8b539a109f9f41c372932f1ae047eff08c9
-        with:
-          registry: ${{ env.REGISTRY }}
-          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
-        with:
-          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@dc7b9719a96d48369863986a06765841d7ea23f6
-
-      - name: Build and push Docker image
-        uses: docker/build-push-action@ad44023a93711e3deb337508980b4b5e9bcdc5dc
-        with:
-          context: .
-          platforms: linux/amd64,linux/arm64
-          push: true
-          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}

.github/workflows/test.yaml

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

.github/workflows/triage-incoming.yaml

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

.gitignore

@@ -1,10 +1,5 @@
 node_modules
 .DS_Store
-.env
 dist
 dist-ssr
-*.local
-.idea/
-public/config.json
-/coverage
-yarn-error.log
+*.local

.prettierignore

@@ -1,2 +0,0 @@
-node_modules
-dist

.prettierrc.json

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

.storybook/main.js

@@ -1,25 +0,0 @@
-const svgrPlugin = require("vite-plugin-svgr");
-const path = require("path");
-
-module.exports = {
-  stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  framework: "@storybook/react",
-  core: {
-    builder: "storybook-builder-vite",
-  },
-  async viteFinal(config) {
-    config.plugins = config.plugins.filter(
-      (item) =>
-        !(
-          Array.isArray(item) &&
-          item.length > 0 &&
-          item[0].name === "vite-plugin-mdx"
-        )
-    );
-    config.plugins.push(svgrPlugin());
-    config.resolve = config.resolve || {};
-    config.resolve.dedupe = config.resolve.dedupe || [];
-    config.resolve.dedupe.push("react", "react-dom", "matrix-js-sdk");
-    return config;
-  },
-};

.storybook/preview.jsx

@@ -1,24 +0,0 @@
-import { addDecorator } from "@storybook/react";
-import { MemoryRouter } from "react-router-dom";
-import { usePageFocusStyle } from "../src/usePageFocusStyle";
-import { OverlayProvider } from "@react-aria/overlays";
-import "../src/index.css";
-
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
-};
-
-addDecorator((story) => {
-  usePageFocusStyle();
-  return (
-    <MemoryRouter initialEntries={["/"]}>
-      <OverlayProvider>{story()}</OverlayProvider>
-    </MemoryRouter>
-  );
-});

.vscode/settings.json

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

CONTRIBUTING.md

@@ -1,3 +0,0 @@
-# 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,10 +0,0 @@
-FROM nginxinc/nginx-unprivileged:alpine
-
-COPY ./dist /app
-COPY config/nginx.conf /etc/nginx/conf.d/default.conf
-
-USER root
-
-RUN rm -rf /usr/share/nginx/html
-
-USER 101

README.md

@@ -1,108 +1,45 @@
-# Element Call
+# Matrix Video Chat
 
-[![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/)
+Testbed for full mesh video chat.
 
-Group calls with WebRTC that leverage [Matrix](https://matrix.org) and an open-source WebRTC toolkit from [LiveKit](https://livekit.io/).
+## Getting Started
 
-For prior version of the Element Call that relied solely on full-mesh logic, check [`full-mesh`](https://github.com/vector-im/element-call/tree/full-mesh) branch.
+`matrix-video-chat` is built against the `robertlong/group-call` branch of both [matrix-js-sdk](https://github.com/matrix-org/matrix-js-sdk/pull/1902) and [matrix-react-sdk](https://github.com/matrix-org/matrix-react-sdk/pull/6848). Because of how these packages are configured and Vite's requirements, you will need to clone them locally and use `yarn link` to stich things together.
 
-![A demo of Element Call with six people](demo.jpg)
-
-To try it out, visit our hosted version at [call.element.io](https://call.element.io). You can also find the latest development version continuously deployed to [element-call.netlify.app](https://element-call.netlify.app).
-
-## Host it yourself
-
-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;
-    }
-}
-```
-
-By default, the app expects you to have a Matrix homeserver (such as [Synapse](https://matrix-org.github.io/synapse/latest/setup/installation.html)) installed locally and running on port 8008. If you wish to use a homeserver on a different URL or one that is hosted on a different server, you can add a config file as above, and include the homeserver URL that you'd like to use.
-
-Element Call requires a homeserver with registration enabled without any 3pid or token requirements, if you want it to be used by unregistered users. Furthermore, it is not recommended to use it with an existing homeserver where user accounts have joined normal rooms, as it may not be able to handle those yet and it may behave unreliably.
-
-Therefore, to use a self-hosted homeserver, this is recommended to be a new server where any user account created has not joined any normal rooms anywhere in the Matrix federated network. The homeserver used can be setup to disable federation, so as to prevent spam registrations (if you keep registrations open) and to ensure Element Call continues to work in case any user decides to log in to their Element Call account using the standard Element app and joins normal rooms that Element Call cannot handle.
-
-## Configuration
-
-There are currently two different config files. `.env` holds variables that are used at build time, while `public/config.json` holds variables that are used at runtime. Documentation and default values for `public/config.json` can be found in [ConfigOptions.ts](src/config/ConfigOptions.ts).
-
-## Translation
-
-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.
-
-## Development
-
-### Frontend
-
-Element Call is built against [matrix-js-sdk](https://github.com/matrix-org/matrix-js-sdk/pull/2553). To get started, clone, install, and link the package:
+First clone, install, and link `matrix-js-sdk`
 
 ```
 git clone https://github.com/matrix-org/matrix-js-sdk.git
 cd matrix-js-sdk
+git checkout robertlong/group-call
 yarn
 yarn link
 ```
 
-Next, we can set up this project:
+Then clone, install, link `matrix-js-sdk` into `matrix-react-sdk`, and link `matrix-react-sdk`
 
 ```
-git clone https://github.com/vector-im/element-call.git
-cd element-call
+git clone https://github.com/matrix-org/matrix-react-sdk.git
+cd matrix-react-sdk
+git checkout robertlong/group-call
 yarn
 yarn link matrix-js-sdk
+yarn link
 ```
 
-You're now ready to launch the development server:
+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.
 
 ```
+git clone https://github.com/vector-im/matrix-video-chat.git
+cd matrix-video-chat
+yarn
+yarn link matrix-js-sdk
+yarn link matrix-react-sdk
 yarn dev
 ```
 
-### Backend
+## Config
 
-A docker compose file is provided to start a LiveKit server and auth
-service for development. These use a test 'secret' published in this
-repository, so this must be used only for local development and
-**_never be exposed to the public Internet._**
-
-To use it, add SFU parameter in your local config `./public/config.yml`:
-
-```yaml
-"livekit": {
-    "jwt_service_url": "http://localhost:8881"
-  },
-```
-
-Run backend components:
-
-```
-yarn backend
-```
+Configuration options are documented in the `.env` file.

babel.config.cjs

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

backend-docker-compose.yml

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

backend/livekit.yaml

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

backend/redis.conf

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

config/config.sample.json

@@ -1,9 +0,0 @@
-{
-  "default_server_config": {
-    "m.homeserver": {
-      "base_url": "https://call.ems.host",
-      "server_name": "call.ems.host"
-    }
-  },
-  "eula": "https://static.element.io/legal/online-EULA.pdf"
-}

config/element_io_develop.json

@@ -1,19 +0,0 @@
-{
-  "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

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

config/netlify_redirects

@@ -1,4 +0,0 @@
-# This file is copied to the netlify deploy dir in the upload stage
-
-# Redirect any unknown path to index.html
-/*  /index.html 200

config/nginx.conf

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

config/otel_dev/README.md

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

config/otel_dev/collector-gateway.yaml

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

config/otel_dev/docker-compose.yaml

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

config/otel_dev/nginx_otel.conf

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

i18next-parser.config.js

@@ -1,22 +0,0 @@
-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,
-};

index.html

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

package.json

@@ -1,34 +1,11 @@
 {
   "version": "0.0.0",
-  "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "NODE_OPTIONS=--max-old-space-size=16384 vite build",
-    "serve": "vite preview",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
-    "prettier:check": "prettier -c .",
-    "prettier:format": "prettier -w .",
-    "lint": "yarn lint:types && yarn lint:eslint",
-    "lint:eslint": "eslint --max-warnings 0 src",
-    "lint:eslint-fix": "eslint --max-warnings 0 src --fix",
-    "lint:types": "tsc",
-    "i18n": "node_modules/i18next-parser/bin/cli.js",
-    "i18n:check": "node_modules/i18next-parser/bin/cli.js --fail-on-warnings --fail-on-update",
-    "test": "jest",
-    "backend": "docker-compose -f backend-docker-compose.yml up"
+    "build": "vite build",
+    "serve": "vite preview"
   },
   "dependencies": {
-    "@juggle/resize-observer": "^3.3.1",
-    "@livekit/components-react": "^1.0.7",
-    "@matrix-org/olm": "https://gitlab.matrix.org/api/v4/projects/27/packages/npm/@matrix-org/olm/-/@matrix-org/olm-3.2.14.tgz",
-    "@opentelemetry/api": "^1.4.0",
-    "@opentelemetry/context-zone": "^1.9.1",
-    "@opentelemetry/exporter-jaeger": "^1.9.1",
-    "@opentelemetry/exporter-trace-otlp-http": "^0.35.1",
-    "@opentelemetry/instrumentation-document-load": "^0.31.1",
-    "@opentelemetry/instrumentation-user-interaction": "^0.32.1",
-    "@opentelemetry/sdk-trace-web": "^1.9.1",
     "@react-aria/button": "^3.3.4",
     "@react-aria/dialog": "^3.1.4",
     "@react-aria/focus": "^3.5.0",
@@ -36,105 +13,30 @@
     "@react-aria/overlays": "^3.7.3",
     "@react-aria/select": "^3.6.0",
     "@react-aria/tabs": "^3.1.0",
-    "@react-aria/tooltip": "^3.1.3",
     "@react-aria/utils": "^3.10.0",
-    "@react-spring/web": "^9.4.4",
     "@react-stately/collections": "^3.3.4",
     "@react-stately/overlays": "^3.1.3",
     "@react-stately/select": "^3.1.3",
-    "@react-stately/tooltip": "^3.0.5",
     "@react-stately/tree": "^3.2.0",
     "@sentry/react": "^6.13.3",
     "@sentry/tracing": "^6.13.3",
-    "@types/grecaptcha": "^3.0.4",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/sdp-transform": "^2.4.5",
-    "@use-gesture/react": "^10.2.11",
-    "@vitejs/plugin-basic-ssl": "^1.0.1",
-    "@vitejs/plugin-react": "^4.0.1",
     "classnames": "^2.3.1",
     "color-hash": "^2.0.1",
     "events": "^3.3.0",
-    "i18next": "^21.10.0",
-    "i18next-browser-languagedetector": "^6.1.8",
-    "i18next-http-backend": "^1.4.4",
-    "livekit-client": "1.12.0",
-    "lodash": "^4.17.21",
-    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#b698217445318f453e0b1086364a33113eaa85d9",
-    "matrix-widget-api": "^1.3.1",
-    "mermaid": "^8.13.8",
-    "normalize.css": "^8.0.1",
-    "pako": "^2.0.4",
-    "postcss-preset-env": "^7",
-    "posthog-js": "^1.29.0",
+    "matrix-js-sdk": "github:matrix-org/matrix-js-sdk#robertlong/group-call",
+    "matrix-react-sdk": "github:matrix-org/matrix-react-sdk#robertlong/group-call",
+    "postcss-preset-env": "^6.7.0",
     "re-resizable": "^6.9.0",
-    "react": "18",
-    "react-dom": "18",
-    "react-i18next": "^11.18.6",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
     "react-json-view": "^1.21.3",
+    "react-router": "6",
     "react-router-dom": "^5.2.0",
-    "react-use-clipboard": "^1.0.7",
-    "react-use-measure": "^2.1.1",
-    "sdp-transform": "^2.14.1",
-    "tinyqueue": "^2.0.3",
-    "unique-names-generator": "^4.6.0",
-    "uuid": "9",
-    "@types/uuid": "9",
-    "@types/content-type": "^1.1.5"
+    "react-use-clipboard": "^1.0.7"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.5",
-    "@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/node": "^18.13.0",
-    "@types/request": "^2.48.8",
-    "@typescript-eslint/eslint-plugin": "^5.52.0",
-    "@typescript-eslint/parser": "^5.52.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",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "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",
-    "jest-mock": "^29.5.0",
-    "prettier": "^2.6.2",
     "sass": "^1.42.1",
-    "storybook-builder-vite": "^0.1.12",
-    "typescript": "^4.9.5",
-    "typescript-strict-plugin": "^2.0.1",
-    "vite": "^4.2.0",
-    "vite-plugin-html-template": "^1.1.0",
-    "vite-plugin-svgr": "^3.2.0"
-  },
-  "jest": {
-    "testEnvironment": "jsdom",
-    "testMatch": [
-      "<rootDir>/test/**/*-test.[jt]s?(x)"
-    ],
-    "transformIgnorePatterns": [
-      "/node_modules/(?!d3)+$",
-      "/node_modules/(?!internmap)+$"
-    ],
-    "moduleNameMapper": {
-      "\\.css$": "identity-obj-proxy",
-      "\\.svg$": "<rootDir>/test/mocks/svgr.ts",
-      "^\\./IndexedDBWorker\\?worker$": "<rootDir>/test/mocks/workerMock.ts",
-      "^\\./olm$": "<rootDir>/test/mocks/olmMock.ts"
-    },
-    "collectCoverage": true,
-    "coverageReporters": [
-      "text",
-      "cobertura"
-    ]
+    "vite": "^2.4.2",
+    "vite-plugin-svgr": "^0.4.0"
   }
 }

public/index.html

@@ -1,19 +0,0 @@
-<!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>
-
-  <body>
-    <div id="root"></div>
-  </body>
-</html>

public/locales/bg/app.json

@@ -1,92 +0,0 @@
-{
-  "<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>",
-  "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": "Аватар",
-  "Call link copied": "Връзка към разговора бе копирана",
-  "Call type menu": "Меню \"тип на разговора\"",
-  "Camera": "Камера",
-  "Change layout": "Промени изгледа",
-  "Close": "Затвори",
-  "Confirm password": "Потвърди паролата",
-  "Copied!": "Копирано!",
-  "Copy and share this call link": "Копирай и сподели връзка към разговора",
-  "Create account": "Създай акаунт",
-  "Debug log": "Debug логове",
-  "Debug log request": "Заявка за debug логове",
-  "Details": "Детайли",
-  "Developer": "Разработчик",
-  "Display name": "Име/псевдоним",
-  "Download debug logs": "Изтеглете debug логове",
-  "Exit full screen": "Излез от цял екран",
-  "Fetching group call timed out.": "Изтече времето за взимане на груповия разговор.",
-  "Freedom": "Свобода",
-  "Full screen": "Цял екран",
-  "Go": "Напред",
-  "Grid layout menu": "Меню \"решетков изглед\"",
-  "Home": "Начало",
-  "Include debug logs": "Включи debug логове",
-  "Incompatible versions": "Несъвместими версии",
-  "Incompatible versions!": "Несъвместими версии!",
-  "Inspector": "Инспектор",
-  "Invite": "Покани",
-  "Invite people": "Покани хора",
-  "Join call": "Влез в разговора",
-  "Join call now": "Влез в разговора сега",
-  "Join existing call?": "Присъединяване към съществуващ разговор?",
-  "Leave": "Напусни",
-  "Loading…": "Зареждане…",
-  "Local volume": "Локална сила на звука",
-  "Logging in…": "Влизане…",
-  "Login": "Влез",
-  "Login to your account": "Влезте в акаунта си",
-  "Microphone": "Микрофон",
-  "More": "Още",
-  "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": "Паролите не съвпадат",
-  "Profile": "Профил",
-  "Recaptcha dismissed": "Recaptcha отхвърлена",
-  "Recaptcha not loaded": "Recaptcha не е заредена",
-  "Register": "Регистрация",
-  "Registering…": "Регистриране…",
-  "Remove": "Премахни",
-  "Return to home screen": "Връщане на началния екран",
-  "Select an option": "Изберете опция",
-  "Send debug logs": "Изпратете debug логове",
-  "Sending…": "Изпращане…",
-  "Settings": "Настройки",
-  "Share screen": "Сподели екрана",
-  "Show call inspector": "Покажи инспектора на разговора",
-  "Sign in": "Влез",
-  "Sign out": "Излез",
-  "Speaker": "Говорител",
-  "Spotlight": "Прожектор",
-  "Stop sharing screen": "Спри споделянето на екрана",
-  "Submit feedback": "Изпрати обратна връзка",
-  "Take me Home": "Отиди в Начало",
-  "Thanks! We'll get right on it.": "Благодарим! Веднага ще се заемем.",
-  "This call already exists, would you like to join?": "Този разговор вече съществува, искате ли да се присъедините?",
-  "Turn off camera": "Изключи камерата",
-  "Turn on camera": "Включи камерата",
-  "Unmute microphone": "Включи микрофона",
-  "User menu": "Потребителско меню",
-  "Username": "Потребителско име",
-  "Version: {{version}}": "Версия: {{version}}",
-  "Video": "Видео",
-  "Video call": "Видео разговор",
-  "Video call name": "Име на видео разговора",
-  "Waiting for other participants…": "Изчакване на други участници…",
-  "Walkie-talkie call": "Уоки-токи разговор",
-  "Walkie-talkie call name": "Име на уоки-токи разговора",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не се поддържа или се блокира от браузъра.",
-  "Yes, join call": "Да, присъедини се",
-  "Your recent calls": "Скорошните ви разговори",
-  "{{names}}, {{name}}": "{{names}}, {{name}}"
-}

public/locales/cs/app.json

@@ -1,100 +0,0 @@
-{
-  "Copy and share this call link": "Zkopírujte a sdílejte odkaz na hovor",
-  "Copied!": "Zkopírováno!",
-  "Confirm password": "Potvrdit heslo",
-  "Close": "Zavřít",
-  "Change layout": "Změnit rozložení",
-  "Camera": "Kamera",
-  "Call link copied": "Odkaz na hovor zkopírován",
-  "Avatar": "Avatar",
-  "Audio": "Audio",
-  "<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",
-  "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…",
-  "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",
-  "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",
-  "Submit feedback": "Dát feedback",
-  "Stop sharing screen": "Zastavit sdílení obrazovek",
-  "Speaker": "Reproduktor",
-  "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",
-  "Return to home screen": "Vrátit se na domácí obrazovku",
-  "Remove": "Odstranit",
-  "Registering…": "Registrování…",
-  "Register": "Registrace",
-  "Profile": "Profil",
-  "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": "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í…",
-  "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",
-  "Walkie-talkie call name": "Jméno vysílačkového hovoru",
-  "Walkie-talkie call": "Vysílačkový hovor",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "Spotlight": "Soustředěný mód",
-  "Recaptcha not loaded": "Recaptcha se nenačetla",
-  "Recaptcha dismissed": "Recaptcha byla zamítnuta",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Ostatní uživatelé se pokoušejí připojit k tomuto hovoru s nekompatibilních verzí. Tito uživatelé by se měli ujistit, že stránku načetli znovu:<1>{userLis}</1>",
-  "Not registered yet? <2>Create an account</2>": "Nejste registrovaní? <2>Vytvořit účet</2>",
-  "Join existing call?": "Připojit se k existujícimu hovoru?",
-  "Include debug logs": "Zahrnout ladící záznamy",
-  "Home": "Domov",
-  "Grid layout menu": "Menu rozložení",
-  "Go": "Pokračovat",
-  "Full screen": "Zvětšit na celou obrazovku",
-  "Freedom": "Volný",
-  "Fetching group call timed out.": "Vypršel časový limit načítání skupinového hovoru.",
-  "Exit full screen": "Ukončit režim celé obrazovky",
-  "Element Call Home": "Domov Element Call",
-  "Download debug logs": "Stáhnout ladící záznamy",
-  "Display name": "Zobrazované jméno",
-  "Developer": "Vývojář",
-  "Details": "Detaily",
-  "Debug log request": "Žádost o protokoly ladění",
-  "Debug log": "Protokoly ladění",
-  "Create account": "Vytvořit účet",
-  "Copy": "Kopírovat",
-  "Call type menu": "Menu typu hovoru",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Jiný uživatel v tomto hovoru má problémy. Abychom mohli diagnostikovat problém, rádi bychom shromáždili protokoly ladění.",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Proč neskončit nastavením hesla, abyste mohli účet použít znovu?</0><1>Budete si moci nechat své jméno a nastavit si avatar pro budoucí hovory </1>",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Připojit se</0><1>Or</1><2>Zkopírovat odkaz a připojit se později</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Už máte účet?</0><1><0>Přihlásit se</0> Or <2>Jako host</2></1>",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Odeslání ladících záznamů nám pomůže diagnostikovat problém.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Oops, něco se pokazilo.</0>",
-  "Expose developer settings in the settings window.": "Zobrazit vývojářské nastavení.",
-  "Developer Settings": "Vývojářské nastavení"
-}

public/locales/de/app.json

@@ -1,120 +0,0 @@
-{
-  "<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>",
-  "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",
-  "Call link copied": "Anruflink kopiert",
-  "Call type menu": "Anruftyp Menü",
-  "Camera": "Kamera",
-  "Change layout": "Layout ändern",
-  "Close": "Schließen",
-  "Confirm password": "Passwort bestätigen",
-  "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",
-  "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ü",
-  "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…": "Lade …",
-  "Local volume": "Lokale Lautstärke",
-  "Logging in…": "Anmelden …",
-  "Login": "Anmelden",
-  "Login to your account": "Melde dich mit deinem Konto an",
-  "Microphone": "Mikrofon",
-  "More": "Mehr",
-  "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",
-  "Profile": "Profil",
-  "Recaptcha dismissed": "Recaptcha abgelehnt",
-  "Recaptcha not loaded": "Recaptcha nicht geladen",
-  "Register": "Registrieren",
-  "Registering…": "Registrierung …",
-  "Remove": "Entfernen",
-  "Return to home screen": "Zurück zum Startbildschirm",
-  "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",
-  "Speaker": "Wiedergabegerät",
-  "Spotlight": "Rampenlicht",
-  "Stop sharing screen": "Beenden der Bildschirmfreigabe",
-  "Submit feedback": "Rückmeldung geben",
-  "Take me Home": "Zurück zur Startseite",
-  "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?",
-  "Turn off camera": "Kamera ausschalten",
-  "Turn on camera": "Kamera einschalten",
-  "Unmute microphone": "Mikrofon aktivieren",
-  "User menu": "Benutzermenü",
-  "Username": "Benutzername",
-  "Version: {{version}}": "Version: {{version}}",
-  "Video": "Video",
-  "Video call": "Videoanruf",
-  "Video call name": "Name des Videoanrufs",
-  "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",
-  "Your recent calls": "Deine letzten Anrufe",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "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>",
-  "Copy": "Kopieren",
-  "Element Call Home": "Element Call-Startseite",
-  "<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>",
-  "Expose developer settings in the settings window.": "Zeige die Entwicklereinstellungen im Einstellungsfenster.",
-  "Developer Settings": "Entwicklereinstellungen",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Mit der Teilnahme an der Beta akzeptierst du die Sammlung von anonymen Daten, die wir zur Verbesserung des Produkts verwenden. Weitere Informationen zu den von uns erhobenen Daten findest du in unserer <2>Datenschutzerklärung</2> und unseren <5>Cookie-Richtlinien</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Du kannst deine Zustimmung durch Abwählen dieses Kästchens zurückziehen. Falls du dich aktuell in einem Anruf befindest, wird diese Einstellung nach dem Ende des Anrufs wirksam.",
-  "Feedback": "Rückmeldung",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Falls du auf Probleme stößt oder einfach nur eine Rückmeldung geben möchtest, sende uns bitte eine kurze Beschreibung.",
-  "Your feedback": "Deine Rückmeldung",
-  "Thanks, we received your feedback!": "Danke, wir haben deine Rückmeldung erhalten!",
-  "Submitting…": "Sende …",
-  "Submit": "Absenden",
-  "{{count}} stars|other": "{{count}} Sterne",
-  "{{displayName}}, your call has ended.": "{{displayName}}, dein Anruf wurde beendet.",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Wir würden uns freuen, deine Rückmeldung zu hören, um deine Erfahrung verbessern zu können.</0>",
-  "How did it go?": "Wie ist es gelaufen?",
-  "{{count}} stars|one": "{{count}} Stern",
-  "<0>Thanks for your feedback!</0>": "<0>Danke für deine Rückmeldung!</0>",
-  "{{displayName}} is presenting": "{{displayName}} präsentiert",
-  "Show connection stats": "Verbindungsstatistiken zeigen",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Mit einem Klick auf „Anruf beitreten“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Mit einem Klick auf „Los geht’s“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Diese Seite wird durch reCAPTCHA geschützt und es gelten Googles <2>Datenschutzerklärung</2> und <6>Nutzungsbedingungen</6>. <9></9>Mit einem Klick auf „Registrieren“ akzeptierst du unseren <2>Endbenutzer-Lizenzvertrag (EULA)</2>",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call ist temporär nicht Ende-zu-Ende-verschlüsselt, während wir die Skalierbarkeit testen."
-}

public/locales/el/app.json

@@ -1,116 +0,0 @@
-{
-  "Version: {{version}}": "Έκδοση: {{version}}",
-  "User menu": "Μενού χρήστη",
-  "Submit feedback": "Υποβάλετε σχόλια",
-  "Stop sharing screen": "Διακοπή κοινής χρήσης οθόνης",
-  "Sign in": "Σύνδεση",
-  "Show call inspector": "Εμφάνιση του επιθεωρητή κλήσης",
-  "Share screen": "Κοινή χρήση οθόνης",
-  "Sending…": "Αποστολή…",
-  "Select an option": "Επιλέξτε μια επιλογή",
-  "Remove": "Αφαίρεση",
-  "Registering…": "Εγγραφή…",
-  "Not registered yet? <2>Create an account</2>": "Δεν έχετε εγγραφεί ακόμα; <2>Δημιουργήστε λογαριασμό</2>",
-  "Login to your account": "Συνδεθείτε στον λογαριασμό σας",
-  "Logging in…": "Σύνδεση…",
-  "Invite people": "Προσκαλέστε άτομα",
-  "Invite": "Πρόσκληση",
-  "Inspector": "Επιθεωρητής",
-  "Incompatible versions!": "Μη συμβατές εκδόσεις!",
-  "Incompatible versions": "Μη συμβατές εκδόσεις",
-  "Display name": "Εμφανιζόμενο όνομα",
-  "Developer Settings": "Ρυθμίσεις προγραμματιστή",
-  "Debug log request": "Αίτημα αρχείου καταγραφής",
-  "Call link copied": "Ο σύνδεσμος κλήσης αντιγράφηκε",
-  "Avatar": "Avatar",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ωχ, κάτι πήγε στραβά.</0>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Δημιουργήστε λογαριασμό</0> Ή <2>Συμμετέχετε ως επισκέπτης</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Έχετε ήδη λογαριασμό;</0><1><0>Συνδεθείτε</0> Ή <2>Συμμετέχετε ως επισκέπτης</2></1>",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "Your recent calls": "Οι πρόσφατες κλήσεις σας",
-  "Yes, join call": "Ναι, συμμετοχή στην κλήση",
-  "WebRTC is not supported or is being blocked in this browser.": "Το WebRTC δεν υποστηρίζεται ή έχει αποκλειστεί σε αυτό το πρόγραμμα περιήγησης.",
-  "Walkie-talkie call name": "Όνομα κλήσης walkie-talkie",
-  "Walkie-talkie call": "Κλήση walkie-talkie",
-  "Waiting for other participants…": "Αναμονή για άλλους συμμετέχοντες…",
-  "Video call name": "Όνομα βίντεο κλήσης",
-  "Video call": "Βίντεο κλήση",
-  "Video": "Βίντεο",
-  "Username": "Όνομα χρήστη",
-  "Turn on camera": "Ενεργοποιήστε την κάμερα",
-  "Turn off camera": "Απενεργοποιήστε την κάμερα",
-  "This call already exists, would you like to join?": "Αυτή η κλήση υπάρχει ήδη, θα θέλατε να συμμετάσχετε;",
-  "Speaker": "Ηχείο",
-  "Sign out": "Αποσύνδεση",
-  "Settings": "Ρυθμίσεις",
-  "Return to home screen": "Επιστροφή στην αρχική οθόνη",
-  "Register": "Εγγραφή",
-  "Profile": "Προφίλ",
-  "Passwords must match": "Οι κωδικοί πρέπει να ταιριάζουν",
-  "Password": "Κωδικός",
-  "Not now, return to home screen": "Όχι τώρα, επιστροφή στην αρχική οθόνη",
-  "No": "Όχι",
-  "Mute microphone": "Σίγαση μικροφώνου",
-  "More": "Περισσότερα",
-  "Microphone": "Μικρόφωνο",
-  "Login": "Σύνδεση",
-  "Loading…": "Φόρτωση…",
-  "Leave": "Αποχώρηση",
-  "Join existing call?": "Συμμετοχή στην υπάρχουσα κλήση;",
-  "Join call now": "Συμμετοχή στην κλήση τώρα",
-  "Join call": "Συμμετοχή στην κλήση",
-  "Go": "Μετάβαση",
-  "Full screen": "Πλήρη οθόνη",
-  "Exit full screen": "Έξοδος από πλήρη οθόνη",
-  "Details": "Λεπτομέρειες",
-  "Create account": "Δημιουργία λογαριασμού",
-  "Copy and share this call link": "Αντιγράψτε και μοιραστείτε αυτόν τον σύνδεσμο κλήσης",
-  "Copy": "Αντιγραφή",
-  "Copied!": "Αντιγράφηκε!",
-  "Confirm password": "Επιβεβαίωση κωδικού",
-  "Close": "Κλείσιμο",
-  "Change layout": "Αλλαγή διάταξης",
-  "Camera": "Κάμερα",
-  "Audio": "Ήχος",
-  "Send debug logs": "Αποστολή αρχείων καταγραφής",
-  "Recaptcha dismissed": "Το recaptcha απορρίφθηκε",
-  "<0>Thanks for your feedback!</0>": "<0>Ευχαριστώ για τα σχόλιά σας!</0>",
-  "Call type menu": "Μενού είδους κλήσης",
-  "Local volume": "Τοπική ένταση",
-  "Home": "Αρχική",
-  "Show connection stats": "Εμφάνιση στατιστικών σύνδεσης",
-  "Unmute microphone": "Κατάργηση σίγασης μικροφώνου",
-  "Take me Home": "Μετάβαση στην Αρχική",
-  "{{displayName}} is presenting": "{{displayName}} παρουσιάζει",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Μπορείτε να ανακαλέσετε τη συγκατάθεσή σας αποεπιλέγοντας αυτό το πλαίσιο. Εάν βρίσκεστε σε κλήση, η ρύθμιση αυτή θα τεθεί σε ισχύ στο τέλος της.",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Συμμετοχή στην κλήση τώρα</0><1>Or</1><2>Αντιγραφή συνδέσμου κλήσης και συμμετοχή αργότερα</2>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Θα θέλαμε να ακούσουμε τα σχόλιά σας ώστε να βελτιώσουμε την εμπειρία σας.</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>Γιατί να μην ολοκληρώσετε με τη δημιουργία ενός κωδικού πρόσβασης για τη διατήρηση του λογαριασμού σας;</0><1>Θα μπορείτε να διατηρήσετε το όνομά σας και να ορίσετε ένα avatar για χρήση σε μελλοντικές κλήσεις.</1>",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Ένας άλλος χρήστης σε αυτή την κλήση έχει ένα πρόβλημα. Για την καλύτερη διάγνωση αυτών των προβλημάτων θα θέλαμε να συλλέξουμε ένα αρχείο καταγραφής σφαλμάτων.",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Συμμετέχοντας σε αυτή τη δοκιμαστική έκδοση, συναινείτε στη συλλογή ανώνυμων δεδομένων, τα οποία χρησιμοποιούμε για τη βελτίωση του προϊόντος. Μπορείτε να βρείτε περισσότερες πληροφορίες σχετικά με το ποια δεδομένα καταγράφουμε στην <2>Πολιτική απορρήτου</2> και στην <5>Πολιτική cookies</5>.",
-  "Grid layout menu": "Μενού διάταξης πλέγματος",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Εάν αντιμετωπίζετε προβλήματα ή απλά θέλετε να μας δώσετε κάποια σχόλια, παρακαλούμε στείλτε μας μια σύντομη περιγραφή παρακάτω.",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Κάποιοι άλλοι χρήστες προσπαθούν να συμμετάσχουν σε αυτή την κλήση από ασύμβατες εκδόσεις. Αυτοί οι χρήστες θα πρέπει να βεβαιωθούν ότι έχουν κάνει ανανέωση (refresh) την καρτέλα του περιηγητή τους:<1>{userLis}</1>",
-  "Thanks! We'll get right on it.": "Ευχαριστούμε! Θα το ερευνήσουμε αμέσως.",
-  "Expose developer settings in the settings window.": "Εμφάνιση ρυθμίσεων προγραμματιστή στο παράθυρο ρυθμίσεων.",
-  "Feedback": "Ανατροφοδότηση",
-  "Submitting…": "Υποβολή…",
-  "Thanks, we received your feedback!": "Ευχαριστούμε, λάβαμε τα σχόλιά σας!",
-  "{{count}} stars|other": "{{count}} αστέρια",
-  "{{count}} stars|one": "{{count}} αστέρι",
-  "{{displayName}}, your call has ended.": "{{displayName}}, η κλήση σας τερματίστηκε.",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Η υποβολή αρχείων καταγραφής σφαλμάτων θα μας βοηθήσει να εντοπίσουμε το πρόβλημα.</0>",
-  "How did it go?": "Πώς σας φάνηκε;",
-  "Include debug logs": "Να συμπεριληφθούν αρχεία καταγραφής",
-  "Recaptcha not loaded": "Το Recaptcha δεν φορτώθηκε",
-  "Debug log": "Αρχείο καταγραφής",
-  "Developer": "Προγραμματιστής",
-  "Download debug logs": "Λήψη αρχείων καταγραφής",
-  "Sending debug logs…": "Αποστολή αρχείων καταγραφής…",
-  "Submit": "Υποβολή",
-  "Your feedback": "Τα σχόλιά σας",
-  "Fetching group call timed out.": "Η ομαδική κλήση έληξε από τέλος χρόνου.",
-  "Freedom": "Ελευθερία",
-  "Spotlight": "Spotlight",
-  "Element Call Home": "Element Κεντρική Οθόνη Κλήσεων"
-}

public/locales/en-GB/app.json

@@ -1,120 +0,0 @@
-{
-  "{{count}} stars|one": "{{count}} star",
-  "{{count}} stars|other": "{{count}} stars",
-  "{{displayName}} is presenting": "{{displayName}} is presenting",
-  "{{displayName}}, your call has ended.": "{{displayName}}, your call has ended.",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Create an account</0> Or <2>Access as a guest</2>",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Oops, something's gone wrong.</0>",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Submitting debug logs will help us track down the problem.</0>",
-  "<0>Thanks for your feedback!</0>": "<0>Thanks for your feedback!</0>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>We'd love to hear your feedback so we can improve your experience.</0>",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>",
-  "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>End User Licensing Agreement (EULA)</2>": "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.",
-  "Call link copied": "Call link copied",
-  "Call type menu": "Call type menu",
-  "Camera": "Camera",
-  "Change layout": "Change layout",
-  "Close": "Close",
-  "Confirm password": "Confirm password",
-  "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",
-  "Details": "Details",
-  "Developer": "Developer",
-  "Developer Settings": "Developer Settings",
-  "Display name": "Display name",
-  "Download debug logs": "Download debug logs",
-  "Element Call Home": "Element Call Home",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call is temporarily not end-to-end encrypted while we test scalability.",
-  "Exit full screen": "Exit full screen",
-  "Expose developer settings in the settings window.": "Expose developer settings in the settings window.",
-  "Feedback": "Feedback",
-  "Fetching group call timed out.": "Fetching group call timed out.",
-  "Freedom": "Freedom",
-  "Full screen": "Full screen",
-  "Go": "Go",
-  "Grid layout menu": "Grid layout menu",
-  "Home": "Home",
-  "How did it go?": "How did it go?",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.",
-  "Include debug logs": "Include debug logs",
-  "Incompatible versions": "Incompatible versions",
-  "Incompatible versions!": "Incompatible versions!",
-  "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…": "Loading…",
-  "Local volume": "Local volume",
-  "Logging in…": "Logging in…",
-  "Login": "Login",
-  "Login to your account": "Login to your account",
-  "Microphone": "Microphone",
-  "More": "More",
-  "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",
-  "Profile": "Profile",
-  "Recaptcha dismissed": "Recaptcha dismissed",
-  "Recaptcha not loaded": "Recaptcha not loaded",
-  "Register": "Register",
-  "Registering…": "Registering…",
-  "Remove": "Remove",
-  "Return to home screen": "Return to home screen",
-  "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",
-  "Show connection stats": "Show connection stats",
-  "Sign in": "Sign in",
-  "Sign out": "Sign out",
-  "Speaker": "Speaker",
-  "Spotlight": "Spotlight",
-  "Stop sharing screen": "Stop sharing screen",
-  "Submit": "Submit",
-  "Submit feedback": "Submit feedback",
-  "Submitting…": "Submitting…",
-  "Take me Home": "Take me Home",
-  "Thanks, we received your feedback!": "Thanks, we received your feedback!",
-  "Thanks! We'll get right on it.": "Thanks! We'll get right on it.",
-  "This call already exists, would you like to join?": "This call already exists, would you like to join?",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>",
-  "Turn off camera": "Turn off camera",
-  "Turn on camera": "Turn on camera",
-  "Unmute microphone": "Unmute microphone",
-  "User menu": "User menu",
-  "Username": "Username",
-  "Version: {{version}}": "Version: {{version}}",
-  "Video": "Video",
-  "Video call": "Video call",
-  "Video call name": "Video call name",
-  "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.",
-  "Yes, join call": "Yes, join call",
-  "Your feedback": "Your feedback",
-  "Your recent calls": "Your recent calls"
-}

public/locales/es/app.json

@@ -1,120 +0,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>¿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>",
-  "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",
-  "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…",
-  "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",
-  "Unmute microphone": "Desilenciar el micrófono",
-  "Turn on camera": "Encender la cámara",
-  "Turn off camera": "Apagar la cámara",
-  "Thanks! We'll get right on it.": "¡Gracias! Nos encargaremos de ello.",
-  "Take me Home": "Volver al inicio",
-  "Submit feedback": "Enviar comentarios",
-  "Stop sharing screen": "Dejar de compartir pantalla",
-  "Spotlight": "Foco",
-  "Speaker": "Altavoz",
-  "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",
-  "Return to home screen": "Volver a la pantalla de inicio",
-  "Remove": "Eliminar",
-  "Registering…": "Registrando…",
-  "Recaptcha not loaded": "No se ha cargado el Recaptcha",
-  "Recaptcha dismissed": "Recaptcha cancelado",
-  "Profile": "Perfil",
-  "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": "Más",
-  "Microphone": "Micrófono",
-  "Login": "Iniciar sesión",
-  "Logging in…": "Iniciando sesión…",
-  "Local volume": "Volumen local",
-  "Loading…": "Cargando…",
-  "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",
-  "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",
-  "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!",
-  "Confirm password": "Confirmar contraseña",
-  "Close": "Cerrar",
-  "Change layout": "Cambiar distribució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",
-  "<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>",
-  "Element Call Home": "Inicio de Element Call",
-  "Copy": "Copiar",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Subir los registros de depuración nos ayudará a encontrar el problema.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ups, algo ha salido mal.</0>",
-  "Expose developer settings in the settings window.": "Muestra los ajustes de desarrollador en la ventana de ajustes.",
-  "Developer Settings": "Ajustes de desarrollador",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Al participar en esta beta, consientes a la recogida de datos anónimos, los cuales usaremos para mejorar el producto. Puedes encontrar más información sobre que datos recogemos en nuestra <2>Política de privacidad</2> y en nuestra <5>Política sobre Cookies</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Puedes retirar tu consentimiento desmarcando esta casilla. Si estás en una llamada, este ajuste se aplicará al final de esta.",
-  "{{displayName}} is presenting": "{{displayName}} está presentando",
-  "<0>Thanks for your feedback!</0>": "<0>¡Gracias por tus comentarios!</0>",
-  "How did it go?": "¿Cómo ha ido?",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Este sitio está protegido por ReCAPTCHA y se aplican la <2>Política de Privacidad</2> y los <6>Términos de Servicio de Google.<9></9>Al hacer clic en \"Registrar\", aceptas nuestro <12>Contrato de Licencia de Usuario Final (CLUF)</12>",
-  "Show connection stats": "Mostrar estadísticas de conexión",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call no está encriptado de extremo a extremo de manera temporal mientras probamos la escalabilidad del servicio.",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Al hacer clic en \"Comenzar\", aceptas nuestro <2>Contrato de Licencia de Usuario Final (CLUF)</2>",
-  "Thanks, we received your feedback!": "¡Gracias, hemos recibido tus comentarios!",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Si tienes algún problema o simplemente quieres darnos tu opinión, por favor envíanos una breve descripción.",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Al hacer clic en \"Unirse a la llamada ahora\", aceptas nuestro <2>Contrato de Licencia de Usuario Final (CLUF)</2>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Nos encantaría conocer tu opinión para que podamos mejorar tu experiencia</0>",
-  "Feedback": "Danos tu opinión",
-  "Submit": "Enviar",
-  "{{count}} stars|one": "{{count}} estrella",
-  "{{count}} stars|other": "{{count}} estrellas",
-  "{{displayName}}, your call has ended.": "{{displayName}}, tu llamada ha finalizado.",
-  "Submitting…": "Enviando…",
-  "Your feedback": "Tus comentarios"
-}

public/locales/et/app.json

@@ -1,120 +0,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>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>",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "Invite people": "Kutsu inimesi",
-  "Invite": "Kutsu",
-  "Inspector": "Inspektor",
-  "Incompatible versions!": "Ühildumatud versioonid!",
-  "Incompatible versions": "Ühildumatud versioonid",
-  "Include debug logs": "Lisa veatuvastuslogid",
-  "Home": "Avavaatesse",
-  "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",
-  "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!",
-  "Confirm password": "Kinnita salasõna",
-  "Close": "Sulge",
-  "Change layout": "Muuda paigutust",
-  "Camera": "Kaamera",
-  "Call type menu": "Kõnetüübi valik",
-  "Call link copied": "Kõne link on kopeeritud",
-  "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.",
-  "Passwords must match": "Salasõnad ei klapi",
-  "Password": "Salasõna",
-  "Not registered yet? <2>Create an account</2>": "Sa 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",
-  "More": "Rohkem",
-  "Microphone": "Mikrofon",
-  "Login to your account": "Logi oma kontosse sisse",
-  "Login": "Sisselogimine",
-  "Logging in…": "Sisselogimine …",
-  "Local volume": "Kohalik helitugevus",
-  "Loading…": "Laadimine …",
-  "Leave": "Lahku",
-  "Join existing call?": "Liitu juba käimasoleva kõnega?",
-  "Join call now": "Liitu kõnega kohe",
-  "Join call": "Kõnega liitumine",
-  "Turn on camera": "Lülita kaamera sisse",
-  "Turn off camera": "Lülita kaamera välja",
-  "Take me Home": "Mine avalehele",
-  "Submit feedback": "Jaga tagasisidet",
-  "Stop sharing screen": "Lõpeta ekraani jagamine",
-  "Spotlight": "Rambivalgus",
-  "Speaker": "Kõlar",
-  "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",
-  "Return to home screen": "Tagasi avalehele",
-  "Remove": "Eemalda",
-  "Registering…": "Registreerimine…",
-  "Register": "Registreeru",
-  "Recaptcha not loaded": "Robotilõks pole laetud",
-  "Recaptcha dismissed": "Robotilõks on vahele jäetud",
-  "Profile": "Profiil",
-  "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…",
-  "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?",
-  "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.",
-  "Element Call Home": "Element Call Home",
-  "Copy": "Kopeeri",
-  "<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>",
-  "Expose developer settings in the settings window.": "Näita seadistuste aknas arendajale vajalikke seadeid.",
-  "Developer Settings": "Arendaja seadistused",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Nõustudes selle beetaversiooni kasutamisega sa nõustud ka toote arendamiseks kasutatavate anonüümsete andmete kogumisega. Täpsemat teavet kogutavate andmete kohta leiad meie <2>Privaatsuspoliitikast</2> ja meie <5>Küpsiste kasutamise reeglitest</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Sa võid selle valiku eelmaldamisega alati oma nõusoleku tagasi võtta. Kui sul parasjagu on kõne pooleli, siis seadistuste muudatus jõustub pärast kõne lõppu.",
-  "Your feedback": "Sinu tagasiside",
-  "Thanks, we received your feedback!": "Tänud, me oleme sinu tagasiside kätte saanud!",
-  "Submitting…": "Saadan…",
-  "Submit": "Saada",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Kui selle rakenduse kasutamisel tekib sul probleeme või lihtsalt soovid oma arvamust avaldada, siis palun täida alljärgnev lühike kirjeldus.",
-  "Feedback": "Tagasiside",
-  "{{count}} stars|one": "{{count}} tärn",
-  "{{count}} stars|other": "{{count}} tärni",
-  "How did it go?": "Kuidas sujus?",
-  "{{displayName}}, your call has ended.": "{{displayName}}, sinu kõne on lõppenud.",
-  "<0>Thanks for your feedback!</0>": "<0>Täname Sind tagasiside eest!</0>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Meie rakenduse paremaks muutmiseks me hea meelega ootame Sinu arvamusi.</0>",
-  "Show connection stats": "Näita ühenduse statistikat",
-  "{{displayName}} is presenting": "{{displayName}} on esitlemas",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Klõpsides „Jätka“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Klõpsides „Liitu kõnega kohe“, nõustud sa meie <2>Lõppkasutaja litsentsilepinguga (EULA)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Selles saidis on kasutusel ReCAPTCHA ja kehtivad Google'i <2>Privaatsuspoliitika</2> ning <6>Teenusetingimused</6>.<9></9>Klõpsides „Registreeru“, sa nõustud meie <12>Lõppkasutaja litsentsilepingu (EULA) tingimustega</12>",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Seni kuni me testime skaleeritavust, siis Element Call ajutiselt pole läbivalt krüptitud."
-}

public/locales/fa/app.json

@@ -1,96 +0,0 @@
-{
-  "Your recent calls": "تماس‌های اخیر شما",
-  "Video call": "تماس تصویری",
-  "Video": "ویدیو",
-  "Username": "نام کاربری",
-  "Turn on camera": "روشن کردن دوربین",
-  "Turn off camera": "خاموش کردن دوربین",
-  "Take me Home": "مرا به خانه ببر",
-  "Speaker": "بلندگو",
-  "Sign out": "خروج",
-  "Sign in": "ورود",
-  "Settings": "تنظیمات",
-  "Profile": "پروفایل",
-  "Password": "رمز عبور",
-  "No": "خیر",
-  "Mute microphone": "بی‌صدا کردن میکروفون",
-  "More": "بیشتر",
-  "Microphone": "میکروفون",
-  "Login to your account": "به حساب کاربری خود وارد شوید",
-  "Login": "ورود",
-  "Loading…": "بارگزاری…",
-  "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": "جزئیات",
-  "Debug log request": "درخواست لاگ عیب‌یابی",
-  "Debug log": "لاگ عیب‌یابی",
-  "Create account": "ساخت حساب کاربری",
-  "Copy and share this call link": "لینک تماس را کپی کنید و به اشتراک بگذارید",
-  "Copied!": "کپی شد!",
-  "Confirm password": "تایید رمزعبور",
-  "Close": "بستن",
-  "Change layout": "تغییر طرح",
-  "Camera": "دوربین",
-  "Call type menu": "منوی نوع تماس",
-  "Call link copied": "لینک تماس کپی شد",
-  "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}}",
-  "<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>",
-  "Local volume": "حجم داخلی",
-  "Inspector": "بازرس",
-  "Incompatible versions!": "نسخه‌های ناسازگار!",
-  "Incompatible versions": "نسخه‌های ناسازگار",
-  "Spotlight": "نور افکن",
-  "Show call inspector": "نمایش بازرس تماس",
-  "Share screen": "اشتراک گذاری صفحه نمایش",
-  "Sending…": "در حال ارسال…",
-  "Sending debug logs…": "در حال ارسال باگ‌های عیب‌یابی…",
-  "Send debug logs": "ارسال لاگ‌های عیب‌یابی",
-  "Select an option": "یک گزینه را انتخاب کنید",
-  "Return to home screen": "برگشت به صفحه اصلی",
-  "Remove": "حذف",
-  "Registering…": "ثبت‌نام…",
-  "Register": "ثبت‌نام",
-  "Recaptcha not loaded": "کپچا بارگیری نشد",
-  "Recaptcha dismissed": "ریکپچا رد شد",
-  "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": "الان نه، به صفحه اصلی برگردید",
-  "Logging in…": "ورود…",
-  "Include debug logs": "شامل لاگ‌های عیب‌یابی",
-  "Grid layout menu": "منوی طرح‌بندی شبکه‌ای",
-  "Fetching group call timed out.": "زمان اتصال به مکالمه گروهی تمام شد.",
-  "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…": "در انتظار برای دیگر شرکت‌کنندگان…",
-  "Video call name": "نامِ تماسِ تصویری",
-  "Version: {{version}}": "نسخه: {{نسخه}}",
-  "User menu": "فهرست کاربر",
-  "Unmute microphone": "ناخموشی میکروفون",
-  "This call already exists, would you like to join?": "این تماس از قبل وجود دارد، می‌خواهید بپیوندید؟",
-  "Thanks! We'll get right on it.": "با تشکر! ما به درستی آن را انجام خواهیم داد.",
-  "Submit feedback": "بازخورد ارائه دهید",
-  "Stop sharing screen": "توقف اشتراک‌گذاری صفحه نمایش",
-  "Element Call Home": "خانهٔ تماس المنت",
-  "Copy": "رونوشت",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>اکنون به تماس پیوسته</0><1>یا</1><2>پیوند تماس را رونوشت کرده و بعداً بپیوندید</2>"
-}

public/locales/fr/app.json

@@ -1,120 +0,0 @@
-{
-  "<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>",
-  "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",
-  "Call link copied": "Lien de l’appel copié",
-  "Call type menu": "Menu de type d’appel",
-  "Camera": "Caméra",
-  "Change layout": "Changer la disposition",
-  "Close": "Fermer",
-  "Confirm password": "Confirmer le mot de passe",
-  "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",
-  "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",
-  "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…": "Chargement…",
-  "Local volume": "Volume local",
-  "Logging in…": "Connexion…",
-  "Login": "Connexion",
-  "Login to your account": "Connectez vous à votre compte",
-  "Microphone": "Microphone",
-  "More": "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",
-  "Profile": "Profil",
-  "Recaptcha dismissed": "Recaptcha refusé",
-  "Recaptcha not loaded": "Recaptcha non chargé",
-  "Register": "S’enregistrer",
-  "Registering…": "Enregistrement…",
-  "Remove": "Supprimer",
-  "Return to home screen": "Retour à l’accueil",
-  "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",
-  "Spotlight": "Premier plan",
-  "Stop sharing screen": "Arrêter le partage d’écran",
-  "Submit feedback": "Envoyer des retours",
-  "Take me Home": "Retouner à l’accueil",
-  "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 ?",
-  "Fetching group call timed out.": "Échec de connexion à l’appel de groupe dans le temps imparti.",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "Your recent calls": "Appels récents",
-  "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…",
-  "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",
-  "Unmute microphone": "Allumer le micro",
-  "Turn on camera": "Allumer la caméra",
-  "Turn off camera": "Couper la caméra",
-  "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>",
-  "Element Call Home": "Accueil Element Call",
-  "Copy": "Copier",
-  "<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>",
-  "Expose developer settings in the settings window.": "Affiche les paramètres développeurs dans la fenêtre des paramètres.",
-  "Developer Settings": "Paramètres développeurs",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "En participant à cette beta, vous consentez à la collecte de données anonymes, qui seront utilisées pour améliorer le produit. Vous trouverez plus d’informations sur les données collectées dans notre <2>Politique de vie privée</2> et notre <5>Politique de cookies</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Vous pouvez retirer votre consentement en décochant cette case. Si vous êtes actuellement en communication, ce paramètre prendra effet à la fin de l’appel.",
-  "Your feedback": "Votre commentaire",
-  "Thanks, we received your feedback!": "Merci, nous avons reçu vos commentaires !",
-  "Submitting…": "Envoi…",
-  "Submit": "Envoyer",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Si vous rencontrez des problèmes, ou vous voulez simplement faire un commentaire, veuillez nous envoyer une courte description ci-dessous.",
-  "Feedback": "Commentaires",
-  "{{count}} stars|other": "{{count}} favoris",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Nous aimerions avoir vos commentaires afin que nous puissions améliorer votre expérience.</0>",
-  "{{count}} stars|one": "{{count}} favori",
-  "{{displayName}}, your call has ended.": "{{displayName}}, votre appel est terminé.",
-  "<0>Thanks for your feedback!</0>": "<0>Merci pour votre commentaire !</0>",
-  "How did it go?": "Comment cela s’est-il passé ?",
-  "{{displayName}} is presenting": "{{displayName}} est à l’écran",
-  "Show connection stats": "Afficher les statistiques de la connexion",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "En cliquant sur « Rejoindre l’appel maintenant », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "En cliquant sur « Commencer », vous acceptez notre <2>Contrat de Licence Utilisateur Final (CLUF)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Ce site est protégé par ReCAPTCHA, la <2>politique de confidentialité</2> et les <6>conditions d’utilisation</6> de Google s’appliquent.<9></9>En cliquant sur « S’enregistrer » vous acceptez également notre <12>Contrat de Licence Utilisateur Final (CLUF)</12>",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call n’est temporairement plus chiffré de bout en bout le temps de tester l’extensibilité."
-}

public/locales/id/app.json

@@ -1,120 +0,0 @@
-{
-  "<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>",
-  "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",
-  "Call link copied": "Tautan panggilan disalin",
-  "Call type menu": "Menu jenis panggilan",
-  "Camera": "Kamera",
-  "Change layout": "Ubah tata letak",
-  "Close": "Tutup",
-  "Confirm password": "Konfirmasi kata sandi",
-  "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",
-  "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",
-  "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…": "Memuat…",
-  "Local volume": "Volume lokal",
-  "Logging in…": "Memasuki…",
-  "Login": "Masuk",
-  "Login to your account": "Masuk ke akun Anda",
-  "Microphone": "Mikrofon",
-  "More": "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",
-  "Profile": "Profil",
-  "Recaptcha dismissed": "Recaptcha ditutup",
-  "Recaptcha not loaded": "Recaptcha tidak dimuat",
-  "Register": "Daftar",
-  "Registering…": "Mendaftarkan…",
-  "Remove": "Hapus",
-  "Return to home screen": "Kembali ke layar beranda",
-  "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",
-  "Speaker": "Pembicara",
-  "Spotlight": "Sorotan",
-  "Stop sharing screen": "Berhenti membagikan layar",
-  "Submit feedback": "Kirim masukan",
-  "Take me Home": "Bawa saya ke Beranda",
-  "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?",
-  "Turn off camera": "Matikan kamera",
-  "Turn on camera": "Nyalakan kamera",
-  "Unmute microphone": "Suarakan mikrofon",
-  "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 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",
-  "Your recent calls": "Panggilan Anda terkini",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "Sending debug logs…": "Mengirimkan catatan pengawakutuan…",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Bergabung ke panggilan sekarang</0><1>Atau</1><2>Salin tautan dan bergabung nanti</2>",
-  "Element Call Home": "Beranda Element Call",
-  "Copy": "Salin",
-  "<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>",
-  "Expose developer settings in the settings window.": "Ekspos pengaturan pengembang dalam jendela pengaturan.",
-  "Developer Settings": "Pengaturan Pengembang",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Dengan bergabung dalam beta ini, Anda mengizinkan kami untuk mengumpulkan data anonim, yang kami gunakan untuk meningkatkan produk ini. Anda dapat mempelajari lebih lanjut tentang data apa yang kami lacak dalam <2>Kebijakan Privasi</2> dan <5>Kebijakan Kuki</5> kami.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Anda dapat mengurungkan kembali izin dengan mencentang kotak ini. Jika Anda saat ini dalam panggilan, pengaturan ini akan diterapkan di akhir panggilan.",
-  "Feedback": "Masukan",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Jika Anda mengalami masalah atau hanya ingin memberikan masukan, silakan kirimkan kami deskripsi pendek di bawah.",
-  "Submit": "Kirim",
-  "Submitting…": "Mengirim…",
-  "Thanks, we received your feedback!": "Terima kasih, kami telah menerima masukan Anda!",
-  "Your feedback": "Masukan Anda",
-  "{{displayName}}, your call has ended.": "{{displayName}}, panggilan Anda telah berakhir.",
-  "<0>Thanks for your feedback!</0>": "<0>Terima kasih atas masukan Anda!</0>",
-  "How did it go?": "Bagaimana rasanya?",
-  "{{count}} stars|one": "{{count}} bintang",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Kami ingin mendengar masukan Anda supaya kami bisa meningkatkan pengalaman Anda.</0>",
-  "Show connection stats": "Tampilkan statistik koneksi",
-  "{{displayName}} is presenting": "{{displayName}} sedang menampilkan",
-  "{{count}} stars|other": "{{count}} bintang",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Dengan mengeklik \"Bergabung\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Situs ini dilindungi oleh reCAPTCHA dan <2>Kebijakan Privasi</2> dan <6>Ketentuan Layanan</6> Google berlaku.<9></9>Dengan mengeklik \"Daftar\", Anda menyetujui <12>Perjanjian Lisensi Pengguna Akhir (EULA)</12> kami",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Dengan mengeklik \"Bergabung ke panggilan sekarang\", Anda menyetujui <2>Perjanjian Lisensi Pengguna Akhir (EULA)</2> kami",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call sementara tidak dienkripsi secara ujung ke ujung selagi kami menguji skalabilitas."
-}

public/locales/ja/app.json

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

public/locales/ko/app.json

@@ -1,5 +0,0 @@
-{
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "",
-  "{{names}}, {{name}}": "{{names}}님, {{name}}님"
-}

public/locales/pl/app.json

@@ -1,116 +0,0 @@
-{
-  "Login": "Zaloguj się",
-  "Go": "Przejdź",
-  "Your recent calls": "Twoje ostatnie połączenia",
-  "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…",
-  "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",
-  "Unmute microphone": "Wyłącz wyciszenie mikrofonu",
-  "Turn on camera": "Włącz kamerę",
-  "Turn off camera": "Wyłącz kamerę",
-  "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.",
-  "Take me Home": "Zabierz mnie do strony głównej",
-  "Submit feedback": "Prześlij opinię",
-  "Stop sharing screen": "Zatrzymaj udostępnianie ekranu",
-  "Spotlight": "Centrum uwagi",
-  "Speaker": "Głośnik",
-  "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ę",
-  "Return to home screen": "Powróć do strony głównej",
-  "Remove": "Usuń",
-  "Registering…": "Rejestrowanie…",
-  "Register": "Zarejestruj",
-  "Recaptcha not loaded": "Recaptcha nie została załadowana",
-  "Recaptcha dismissed": "Recaptcha odrzucona",
-  "Profile": "Profil",
-  "Passwords must match": "Hasła muszą pasować",
-  "Password": "Hasło",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Inni użytkownicy próbują dołączyć do tego połączenia przy użyciu niekompatybilnych wersji. Powinni oni upewnić się, że odświeżyli stronę w swoich przeglądarkach:<1>{userLis}</1>",
-  "Not registered yet? <2>Create an account</2>": "Nie masz konta? <2>Utwórz je</2>",
-  "Not now, return to home screen": "Nie teraz, powróć do ekranu domowego",
-  "No": "Nie",
-  "Mute microphone": "Wycisz mikrofon",
-  "More": "Więcej",
-  "Microphone": "Mikrofon",
-  "Login to your account": "Zaloguj się do swojego konta",
-  "Logging in…": "Logowanie…",
-  "Local volume": "Głośność lokalna",
-  "Loading…": "Ładowanie…",
-  "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",
-  "Grid layout menu": "Menu układu siatki",
-  "Full screen": "Pełny ekran",
-  "Freedom": "Wolność",
-  "Fetching group call timed out.": "Przekroczono limit czasu na uzyskanie połączenia grupowego.",
-  "Exit full screen": "Opuść pełny ekran",
-  "Download debug logs": "Pobierz dzienniki debugowania",
-  "Display name": "Nazwa wyświetlana",
-  "Developer": "Programista",
-  "Details": "Szczegóły",
-  "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 udostępnij link do rozmowy",
-  "Copied!": "Skopiowano!",
-  "Confirm password": "Potwierdź hasło",
-  "Close": "Zamknij",
-  "Change layout": "Zmień układ",
-  "Camera": "Kamera",
-  "Call type menu": "Menu typu połączenia",
-  "Call link copied": "Skopiowano link do połączenia",
-  "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.",
-  "<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> lub <2>Dołącz jako gość</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Masz już konto?</0><1><0>Zaloguj się</0> lub <2>Dołącz jako gość</2></1>",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "Copy": "Kopiuj",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Wysłanie dzienników debuggowania pomoże nam ustalić przyczynę problemu.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ojej, coś poszło nie tak.</0>",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Dołącz do rozmowy już teraz</0><1>lub</1><2>Skopiuj link do rozmowy i dołącz później</2>",
-  "Expose developer settings in the settings window.": "Wyświetl opcje programisty w oknie ustawień.",
-  "Element Call Home": "Strona główna Element Call",
-  "Developer Settings": "Opcje programisty",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Możesz wycofać swoją zgodę poprzez odznaczenie tego pola. Jeśli już jesteś w trakcie rozmowy, opcja zostanie zastosowana po jej zakończeniu.",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Uczestnicząc w tej becie, upoważniasz nas do zbierania anonimowych danych, które wykorzystamy do ulepszenia produktu. Dowiedz się więcej na temat danych, które zbieramy w naszej <2>Polityce prywatności</2> i <5>Polityce ciasteczek</5>.",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Jeśli posiadasz problemy lub chciałbyś zgłosić swoją opinię, wyślij nam krótki opis.",
-  "Thanks, we received your feedback!": "Dziękujemy, otrzymaliśmy Twoją opinię!",
-  "Feedback": "Opinia użytkownika",
-  "Submitting…": "Wysyłanie…",
-  "Submit": "Wyślij",
-  "Your feedback": "Twoje opinie",
-  "{{count}} stars|other": "{{count}} gwiazdki",
-  "{{count}} stars|one": "{{count}} gwiazdka",
-  "{{displayName}}, your call has ended.": "{{displayName}}, Twoje połączenie zostało zakończone.",
-  "<0>Thanks for your feedback!</0>": "<0>Dziękujemy za Twoją opinię!</0>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Z przyjemnością wysłuchamy Twojej opinii, aby poprawić Twoje doświadczenia.</0>",
-  "How did it go?": "Jak poszło?",
-  "{{displayName}} is presenting": "{{displayName}} prezentuje",
-  "Show connection stats": "Pokaż statystyki połączenia"
-}

public/locales/ru/app.json

@@ -1,116 +0,0 @@
-{
-  "Register": "Зарегистрироваться",
-  "Registering…": "Регистрация…",
-  "Logging in…": "Вход…",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "Waiting for other participants…": "Ожидание других участников…",
-  "This call already exists, would you like to join?": "Этот звонок уже существует, хотите присоединиться?",
-  "Thanks! We'll get right on it.": "Спасибо! Мы учтём ваш отзыв.",
-  "Submit feedback": "Отправить отзыв",
-  "Sending debug logs…": "Отправка журнала отладки…",
-  "Select an option": "Выберите вариант",
-  "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": "Меню \"Расположение сеткой\"",
-  "<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": "Ваши недавние звонки",
-  "Yes, join call": "Да, присоединиться",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC не поддерживается или заблокирован в этом браузере.",
-  "Walkie-talkie call name": "Название звонка-рации",
-  "Walkie-talkie call": "Звонок-рация",
-  "Video call name": "Название видео-звонка",
-  "Video call": "Видео-звонок",
-  "Video": "Видео",
-  "Version: {{version}}": "Версия: {{version}}",
-  "Username": "Имя пользователя",
-  "User menu": "Меню пользователя",
-  "Unmute microphone": "Включить микрофон",
-  "Turn on camera": "Включить камеру",
-  "Turn off camera": "Отключить камеру",
-  "Take me Home": "Перейти в Начало",
-  "Stop sharing screen": "Остановить показ экрана",
-  "Spotlight": "Внимание",
-  "Speaker": "Динамик",
-  "Sign out": "Выйти",
-  "Sign in": "Войти",
-  "Show call inspector": "Показать инспектор",
-  "Share screen": "Поделиться экраном",
-  "Settings": "Настройки",
-  "Sending…": "Отправка…",
-  "Local volume": "Местная громкость",
-  "Call type menu": "Меню \"Тип звонка\"",
-  "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": "Отправить журнал отладки",
-  "Return to home screen": "Вернуться в Начало",
-  "Remove": "Удалить",
-  "Recaptcha not loaded": "Невозможно начать проверку",
-  "Recaptcha dismissed": "Проверка не пройдена",
-  "Profile": "Профиль",
-  "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": "Микрофон",
-  "Login to your account": "Войдите в свой аккаунт",
-  "Login": "Вход",
-  "Loading…": "Загрузка…",
-  "Leave": "Покинуть",
-  "Join existing call?": "Присоединиться к существующему звонку?",
-  "Join call now": "Присоединиться сейчас",
-  "Join call": "Присоединиться",
-  "Invite people": "Пригласить участников",
-  "Invite": "Пригласить",
-  "Inspector": "Инспектор",
-  "Incompatible versions!": "Несовместимые версии!",
-  "Incompatible versions": "Несовместимые версии",
-  "Home": "Начало",
-  "Go": "Далее",
-  "Full screen": "Полноэкранный режим",
-  "Freedom": "Свобода",
-  "Fetching group call timed out.": "Истекло время ожидания для группового звонка.",
-  "Exit full screen": "Выйти из полноэкранного режима",
-  "Display name": "Видимое имя",
-  "Developer": "Разработчику",
-  "Details": "Подробности",
-  "Create account": "Создать аккаунт",
-  "Copy and share this call link": "Скопируйте и поделитесь этой ссылкой на звонок",
-  "Copied!": "Скопировано!",
-  "Confirm password": "Подтвердите пароль",
-  "Close": "Закрыть",
-  "Change layout": "Изменить расположение",
-  "Camera": "Камера",
-  "Call link copied": "Ссылка на звонок скопирована",
-  "Avatar": "Аватар",
-  "Audio": "Аудио",
-  "Element Call Home": "Главная Element Call",
-  "Copy": "Копировать",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Присоединиться сейчас</0><1>или<1><2>Скопировать ссылку и присоединиться позже</2>",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Отправка журналов поможет нам найти и устранить проблему.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Упс, что-то пошло не так.</0>",
-  "Expose developer settings in the settings window.": "Раскрыть настройки разработчика в окне настроек.",
-  "Developer Settings": "Настройки Разработчика",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Участвуя в этой бета-версии, вы соглашаетесь на сбор анонимных данных, которые мы используем для улучшения продукта. Более подробную информацию о том, какие данные мы отслеживаем, вы можете найти в нашей <2> Политике конфиденциальности</2> и нашей <5> Политике использования файлов cookie</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Вы можете отозвать согласие, сняв этот флажок. Если вы в данный момент находитесь в разговоре, эта настройка вступит в силу по окончании разговора.",
-  "{{displayName}} is presenting": "{{displayName}} представляет",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Мы будем рады видеть ваши отзывы, чтобы мы могли улучшить ваш опыт.</0>",
-  "Thanks, we received your feedback!": "Спасибо. Мы получили ваш отзыв!",
-  "Feedback": "Отзыв",
-  "Submit": "Отправить",
-  "Submitting…": "Отправляем…",
-  "{{count}} stars|one": "{{count}} отмечен",
-  "{{count}} stars|other": "{{count}} отмеченных",
-  "{{displayName}}, your call has ended.": "{{displayName}}, ваш звонок окончен.",
-  "<0>Thanks for your feedback!</0>": "<0>Спасибо за обратную связь!</0>",
-  "Your feedback": "Ваш отзыв",
-  "How did it go?": "Как всё прошло?",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Если у вас возникли проблемы или вы просто хотите оставить отзыв, отправьте нам краткое описание ниже.",
-  "Show connection stats": "Показать статистику соединения"
-}

public/locales/sk/app.json

@@ -1,120 +0,0 @@
-{
-  "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",
-  "Waiting for other participants…": "Čaká sa na ďalších účastníkov…",
-  "Thanks! We'll get right on it.": "Vďaka! Hneď sa do toho pustíme.",
-  "Take me Home": "Zober ma domov",
-  "Submit feedback": "Odoslať spätnú väzbu",
-  "Stop sharing screen": "Zastaviť zdieľanie obrazovky",
-  "Show call inspector": "Zobraziť inšpektora hovorov",
-  "Share screen": "Zdieľať obrazovku",
-  "Sending…": "Odosielanie…",
-  "Sending debug logs…": "Odosielanie záznamov o ladení…",
-  "Send debug logs": "Odoslať záznamy o ladení",
-  "Select an option": "Vyberte možnosť",
-  "Return to home screen": "Návrat na domovskú obrazovku",
-  "Remove": "Odstrániť",
-  "Registering…": "Registrácia…",
-  "Register": "Registrovať sa",
-  "Recaptcha not loaded": "Recaptcha sa nenačítala",
-  "Recaptcha dismissed": "Recaptcha zamietnutá",
-  "Profile": "Profil",
-  "Passwords must match": "Heslá sa musia zhodovať",
-  "Password": "Heslo",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Ostatní používatelia sa pokúšajú pripojiť k tomuto hovoru z nekompatibilných verzií. Títo používatelia by sa mali uistiť, že si obnovili svoje prehliadače:<1>{userLis}</1>",
-  "Not registered yet? <2>Create an account</2>": "Ešte nie ste zaregistrovaný? <2>Vytvorte si účet</2>",
-  "Not now, return to home screen": "Teraz nie, vrátiť sa na domovskú obrazovku",
-  "No": "Nie",
-  "Mute microphone": "Stlmiť mikrofón",
-  "More": "Viac",
-  "Microphone": "Mikrofón",
-  "Login to your account": "Prihláste sa do svojho konta",
-  "Login": "Prihlásiť sa",
-  "Logging in…": "Prihlasovanie…",
-  "Loading…": "Načítanie…",
-  "Leave": "Opustiť",
-  "Join existing call?": "Pripojiť sa k existujúcemu hovoru?",
-  "Join call now": "Pripojiť sa k hovoru teraz",
-  "Join call": "Pripojiť sa k hovoru",
-  "Invite people": "Pozvať ľudí",
-  "Invite": "Pozvať",
-  "Inspector": "Inšpektor",
-  "Incompatible versions!": "Nekompatibilné verzie!",
-  "Incompatible versions": "Nekompatibilné verzie",
-  "Home": "Domov",
-  "Grid layout menu": "Ponuka rozloženia mriežky",
-  "Go": "Prejsť",
-  "Full screen": "Zobrazenie na celú obrazovku",
-  "Freedom": "Sloboda",
-  "Exit full screen": "Ukončiť zobrazenie na celú obrazovku",
-  "Download debug logs": "Stiahnuť záznamy ladenia",
-  "Your recent calls": "Vaše nedávne hovory",
-  "Yes, join call": "Áno, pripojiť sa k hovoru",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC nie je podporované alebo je v tomto prehliadači blokované.",
-  "Walkie-talkie call name": "Názov vysielačkového hovoru",
-  "Walkie-talkie call": "Vysielačkový hovor",
-  "Video call name": "Názov video hovoru",
-  "Video call": "Video hovor",
-  "Video": "Video",
-  "Version: {{version}}": "Verzia: {{version}}",
-  "Username": "Meno používateľa",
-  "User menu": "Používateľské menu",
-  "Unmute microphone": "Zrušiť stlmenie mikrofónu",
-  "Turn on camera": "Zapnúť kameru",
-  "Turn off camera": "Vypnúť kameru",
-  "This call already exists, would you like to join?": "Tento hovor už existuje, chceli by ste sa k nemu pripojiť?",
-  "Speaker": "Reproduktor",
-  "Sign out": "Odhlásiť sa",
-  "Sign in": "Prihlásiť sa",
-  "Settings": "Nastavenia",
-  "Display name": "Zobrazované meno",
-  "Developer": "Vývojár",
-  "Details": "Podrobnosti",
-  "Debug log request": "Žiadosť o záznam ladenia",
-  "Debug log": "Záznam o ladení",
-  "Create account": "Vytvoriť účet",
-  "Copy and share this call link": "Skopírovať a zdieľať tento odkaz na hovor",
-  "Copy": "Kopírovať",
-  "Copied!": "Skopírované!",
-  "Confirm password": "Potvrdiť heslo",
-  "Close": "Zatvoriť",
-  "Change layout": "Zmeniť rozloženie",
-  "Camera": "Kamera",
-  "Call type menu": "Ponuka typu hovoru",
-  "Call link copied": "Odkaz na hovor skopírovaný",
-  "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í.",
-  "<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>",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "<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>",
-  "Expose developer settings in the settings window.": "Zobraziť nastavenia pre vývojárov v okne nastavení.",
-  "Developer Settings": "Nastavenia pre vývojárov",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Účasťou v tejto beta verzii súhlasíte so zhromažďovaním anonymných údajov, ktoré použijeme na zlepšenie produktu. Viac informácií o tom, ktoré údaje sledujeme, nájdete v našich <2>Zásadách ochrany osobných údajov</2> a <5>Zásadách používania súborov cookie</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Súhlas môžete odvolať zrušením označenia tohto políčka. Ak práve prebieha hovor, toto nastavenie nadobudne platnosť po skončení hovoru.",
-  "Your feedback": "Vaša spätná väzba",
-  "Thanks, we received your feedback!": "Ďakujeme, dostali sme vašu spätnú väzbu!",
-  "Submitting…": "Odosielanie…",
-  "Submit": "Odoslať",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Ak máte problémy alebo jednoducho chcete poskytnúť spätnú väzbu, pošlite nám krátky popis nižšie.",
-  "Feedback": "Spätná väzba",
-  "{{count}} stars|one": "{{count}} hviezdička",
-  "How did it go?": "Ako to išlo?",
-  "{{count}} stars|other": "{{count}} hviezdičiek",
-  "{{displayName}}, your call has ended.": "{{displayName}}, váš hovor skončil.",
-  "<0>Thanks for your feedback!</0>": "<0> Ďakujeme za vašu spätnú väzbu!</0>",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0> Radi si vypočujeme vašu spätnú väzbu, aby sme mohli zlepšiť vaše skúsenosti.</0>",
-  "{{displayName}} is presenting": "{{displayName}} prezentuje",
-  "Show connection stats": "Zobraziť štatistiky pripojenia",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Kliknutím na \"Pripojiť sa k hovoru teraz\" súhlasíte s našou <2>Licenčnou zmluvou s koncovým používateľom (EULA)</2>",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Kliknutím na tlačidlo \"Prejsť\" vyjadrujete súhlas s našou <2>Licenčnou zmluvou s koncovým používateľom (EULA)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Táto stránka je chránená systémom ReCAPTCHA a platia na ňu <2>Pravidlá ochrany osobných údajov spoločnosti Google</2> a <6>Podmienky poskytovania služieb</6>.<9></9>Kliknutím na tlačidlo \"Registrovať sa\" súhlasíte s našou <12>Licenčnou zmluvou s koncovým používateľom (EULA)</12>",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Element Call nie je dočasne šifrovaný, kým testujeme škálovateľnosť."
-}

public/locales/tr/app.json

@@ -1,73 +0,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>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>",
-  "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",
-  "Call link copied": "Arama bağlantısı kopyalandı",
-  "Call type menu": "Arama tipi menüsü",
-  "Camera": "Kamera",
-  "Change layout": "Yerleşimi değiştir",
-  "Close": "Kapat",
-  "Confirm password": "Parolayı tekrar edin",
-  "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",
-  "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ü",
-  "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…": "Yükleniyor…",
-  "Local volume": "Yerel ses seviyesi",
-  "Logging in…": "Giriliyor…",
-  "Login": "Gir",
-  "Login to your account": "Hesabınıza girin",
-  "Microphone": "Mikrofon",
-  "More": "Daha",
-  "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ı",
-  "Recaptcha dismissed": "reCAPTCHA atlandı",
-  "Recaptcha not loaded": "reCAPTCHA yüklenmedi",
-  "Register": "Kaydol",
-  "Registering…": "Kaydediyor…",
-  "Remove": "Çıkar",
-  "Return to home screen": "Ev ekranına geri dön",
-  "Select an option": "Bir seçenek seç",
-  "Send debug logs": "Hata ayıklama kütüğünü gönder",
-  "Sending…": "Gönderiliyor…",
-  "Settings": "Ayarlar",
-  "Share screen": "Ekran paylaş",
-  "Show call inspector": "Arama denetçisini göster",
-  "Sign in": "Gir",
-  "Sign out": "Çık",
-  "Stop sharing screen": "Ekran paylaşmayı terk et",
-  "Submit feedback": "Geri bildirim ver",
-  "Take me Home": "Ev ekranına gir",
-  "Thanks! We'll get right on it.": "Sağol! Bununla ilgileneceğiz.",
-  "This call already exists, would you like to join?": "Bu arama zaten var, katılmak ister misiniz?",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Hesap oluştur</0> yahut <2>Konuk olarak gir</2>",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Mevcut hesabınız mı var?</0><1><0>Gir</0> yahut <2>Konuk girişi</2></1>"
-}

public/locales/uk/app.json

@@ -1,120 +0,0 @@
-{
-  "Loading…": "Завантаження…",
-  "Your recent calls": "Ваші недавні виклики",
-  "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…": "Очікування на інших учасників…",
-  "Video call name": "Назва відеовиклику",
-  "Video call": "Відеовиклик",
-  "Video": "Відео",
-  "Version: {{version}}": "Версія: {{version}}",
-  "Username": "Ім'я користувача",
-  "User menu": "Меню користувача",
-  "Unmute microphone": "Увімкнути мікрофон",
-  "Turn on camera": "Увімкнути камеру",
-  "Turn off camera": "Вимкнути камеру",
-  "This call already exists, would you like to join?": "Цей виклик уже існує, бажаєте приєднатися?",
-  "Thanks! We'll get right on it.": "Дякуємо! Ми зараз же візьмемося за це.",
-  "Take me Home": "Перейти до Домівки",
-  "Submit feedback": "Надіслати відгук",
-  "Stop sharing screen": "Припинити показ екрана",
-  "Spotlight": "У центрі уваги",
-  "Speaker": "Динамік",
-  "Sign out": "Вийти",
-  "Sign in": "Увійти",
-  "Show call inspector": "Показати інспектора виклику",
-  "Share screen": "Поділитися екраном",
-  "Settings": "Налаштування",
-  "Sending…": "Надсилання…",
-  "Sending debug logs…": "Надсилання журналу налагодження…",
-  "Send debug logs": "Надіслати журнал налагодження",
-  "Select an option": "Вибрати опцію",
-  "Return to home screen": "Повернутися на екран домівки",
-  "Remove": "Вилучити",
-  "Registering…": "Реєстрація…",
-  "Register": "Зареєструватися",
-  "Recaptcha not loaded": "Recaptcha не завантажено",
-  "Recaptcha dismissed": "Recaptcha не пройдено",
-  "Profile": "Профіль",
-  "Passwords must match": "Паролі відрізняються",
-  "Password": "Пароль",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "Інші користувачі намагаються приєднатися до цього виклику з несумісних версій. Ці користувачі повинні переконатися, що вони оновили сторінки своїх браузерів:<1>{userLis}</1>",
-  "Not registered yet? <2>Create an account</2>": "Ще не зареєстровані? <2>Створіть обліковий запис</2>",
-  "Not now, return to home screen": "Не зараз, повернутися на екран домівки",
-  "No": "Ні",
-  "Mute microphone": "Заглушити мікрофон",
-  "More": "Докладніше",
-  "Microphone": "Мікрофон",
-  "Login to your account": "Увійдіть до свого облікового запису",
-  "Login": "Увійти",
-  "Logging in…": "Вхід…",
-  "Local volume": "Локальна гучність",
-  "Leave": "Вийти",
-  "Join existing call?": "Приєднатися до наявного виклику?",
-  "Join call now": "Приєднатися до виклику зараз",
-  "Join call": "Приєднатися до виклику",
-  "Invite people": "Запросити людей",
-  "Invite": "Запросити",
-  "Inspector": "Інспектор",
-  "Incompatible versions!": "Несумісні версії!",
-  "Incompatible versions": "Несумісні версії",
-  "Include debug logs": "Долучити журнали налагодження",
-  "Home": "Домівка",
-  "Grid layout menu": "Меню у вигляді сітки",
-  "Go": "Далі",
-  "Full screen": "Повноекранний режим",
-  "Freedom": "Свобода",
-  "Fetching group call timed out.": "Вичерпано час очікування групового виклику.",
-  "Exit full screen": "Вийти з повноекранного режиму",
-  "Download debug logs": "Завантажити журнали налагодження",
-  "Display name": "Показуване ім'я",
-  "Developer": "Розробнику",
-  "Details": "Подробиці",
-  "Debug log request": "Запит журналу налагодження",
-  "Debug log": "Журнал налагодження",
-  "Create account": "Створити обліковий запис",
-  "Copy and share this call link": "Скопіювати та поділитися цим посиланням на виклик",
-  "Copied!": "Скопійовано!",
-  "Confirm password": "Підтвердити пароль",
-  "Close": "Закрити",
-  "Change layout": "Змінити макет",
-  "Camera": "Камера",
-  "Call type menu": "Меню типу виклику",
-  "Call link copied": "Посилання на виклик скопійовано",
-  "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.": "Інший користувач у цьому виклику має проблему. Щоб краще визначити ці проблеми, ми хотіли б зібрати журнал налагодження.",
-  "<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>",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Приєднатися до виклику зараз</0><1>Or</1><2>Скопіювати посилання на виклик і приєднатися пізніше</2>",
-  "Element Call Home": "Домівка Element Call",
-  "Copy": "Копіювати",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Надсилання журналів налагодження допоможе нам виявити проблему.</0>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Йой, щось пішло не за планом.</0>",
-  "Expose developer settings in the settings window.": "Відкрийте налаштування розробника у вікні налаштувань.",
-  "Developer Settings": "Налаштування розробника",
-  "By participating in this beta, you consent to the collection of anonymous data, which we use to improve the product. You can find more information about which data we track in our <2>Privacy Policy</2> and our <5>Cookie Policy</5>.": "Користуючись дочасним доступом, ви даєте згоду на збір анонімних даних, які ми використовуємо для вдосконалення продукту. Ви можете знайти більше інформації про те, які дані ми відстежуємо в нашій <2>Політиці Приватності</2> і нашій <5>Політиці про куки</5>.",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": "<0></0><1></1>Ви можете відкликати згоду, прибравши цей прапорець. Якщо ви зараз розмовляєте, це налаштування застосується після завершення виклику.",
-  "Your feedback": "Ваш відгук",
-  "Thanks, we received your feedback!": "Дякуємо, ми отримали ваш відгук!",
-  "Submitting…": "Надсилання…",
-  "Submit": "Надіслати",
-  "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Якщо у вас виникли проблеми або ви просто хочете залишити відгук, надішліть нам короткий опис нижче.",
-  "Feedback": "Відгук",
-  "<0>Thanks for your feedback!</0>": "<0>Дякуємо за ваш відгук!</0>",
-  "{{count}} stars|one": "{{count}} зірка",
-  "{{count}} stars|other": "{{count}} зірок",
-  "{{displayName}}, your call has ended.": "{{displayName}}, ваш виклик завершено.",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Ми будемо раді почути ваші відгуки, щоб поліпшити роботу застосунку.</0>",
-  "How did it go?": "Вам усе сподобалось?",
-  "{{displayName}} is presenting": "{{displayName}} представляє",
-  "Show connection stats": "Показати стан з'єднання",
-  "By clicking \"Go\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Натискаючи \"Далі\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
-  "By clicking \"Join call now\", you agree to our <2>End User Licensing Agreement (EULA)</2>": "Натискаючи \"Приєднатися до виклику зараз\", ви погоджуєтеся з нашою <2>Ліцензійною угодою з кінцевим користувачем (EULA)</2>",
-  "This site is protected by ReCAPTCHA and the Google <2>Privacy Policy</2> and <6>Terms of Service</6> apply.<9></9>By clicking \"Register\", you agree to our <12>End User Licensing Agreement (EULA)</12>": "Цей сайт захищений ReCAPTCHA і до нього застосовується <2>Політика приватності</2> і <6>Умови надання послуг</6> Google.<9></9>Натискаючи \"Зареєструватися\", ви погоджуєтеся з нашою <12>Ліцензійною угодою з кінцевим користувачем (EULA)</12>",
-  "Element Call is temporarily not end-to-end encrypted while we test scalability.": "Виклики Element тимчасово не захищаються наскрізним шифруванням, поки ми тестуємо масштабованість."
-}

public/locales/vi/app.json

@@ -1,86 +0,0 @@
-{
-  "Login": "Đăng nhập",
-  "Join call": "Tham gia cuộc gọi",
-  "Mute microphone": "Tắt micrô",
-  "Password": "Mật khẩu",
-  "Settings": "Cài đặt",
-  "Sending…": "Đang gửi…",
-  "Sign in": "Đăng nhập",
-  "Submit": "Gửi",
-  "Video call name": "Tên cuộc gọi truyền hình",
-  "Video call": "Gọi truyền hình",
-  "Video": "Truyền hình",
-  "Username": "Tên người dùng",
-  "Yes, join call": "Vâng, tham gia cuộc gọi",
-  "Your feedback": "Phản hồi của bạn",
-  "Your recent calls": "Cuộc gọi gần đây",
-  "WebRTC is not supported or is being blocked in this browser.": "WebRTC không được hỗ trợ hay bị chặn trong trình duyệt này.",
-  "Waiting for other participants…": "Đang đợi những người khác…",
-  "Version: {{version}}": "Phiên bản: {{version}}",
-  "Turn on camera": "Bật máy quay",
-  "Turn off camera": "Tắt máy quay",
-  "Submit feedback": "Gửi phản hồi",
-  "Stop sharing screen": "Ngừng chia sẻ màn hình",
-  "Speaker": "Loa",
-  "Sign out": "Đăng xuất",
-  "Share screen": "Chia sẻ màn hình",
-  "No": "Không",
-  "Invite people": "Mời mọi người",
-  "Join call now": "Tham gia cuộc gọi",
-  "Create account": "Tạo tài khoản",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "<0>Create an account</0> Or <2>Access as a guest</2>": "<0>Tạo tài khoản</0> Hay <2>Tham gia dưới tên khác</2>",
-  "<0>Join call now</0><1>Or</1><2>Copy call link and join later</2>": "<0>Tham gia cuộc gọi</0><1>hay</1><2>Sao chép liên kết cuộc gọi và tham gia sau</2>",
-  "<0>Submitting debug logs will help us track down the problem.</0>": "<0>Gửi nhật ký gỡ lỗi sẽ giúp chúng tôi theo dõi vấn đề.</0>",
-  "Avatar": "Ảnh đại diện",
-  "Audio": "Âm thanh",
-  "Camera": "Máy quay",
-  "Call link copied": "Đã sao chép liên kết cuộc gọi",
-  "Copied!": "Đã sao chép!",
-  "Confirm password": "Xác nhận mật khẩu",
-  "Close": "Đóng",
-  "Change layout": "Thay đổi bố cục",
-  "Debug log": "Nhật ký gỡ lỗi",
-  "Copy": "Sao chép",
-  "Copy and share this call link": "Sao chép và chia sẻ liên kết cuộc gọi này",
-  "Display name": "Tên hiển thị",
-  "Developer Settings": "Cài đặt phát triển",
-  "Developer": "Nhà phát triển",
-  "Details": "Chi tiết",
-  "Download debug logs": "Tải xuống nhật ký gỡ lỗi",
-  "Feedback": "Phản hồi",
-  "Full screen": "Toàn màn hình",
-  "Incompatible versions!": "Phiên bản không tương thích!",
-  "Incompatible versions": "Phiên bản không tương thích",
-  "Include debug logs": "Kèm theo nhật ký gỡ lỗi",
-  "Invite": "Mời",
-  "Join existing call?": "Tham gia cuộc gọi?",
-  "Leave": "Rời",
-  "Loading…": "Đang tải…",
-  "Logging in…": "Đang đăng nhập…",
-  "Login to your account": "Đăng nhập vào tài khoản của bạn",
-  "Microphone": "Micrô",
-  "Not registered yet? <2>Create an account</2>": "Chưa đăng ký? <2>Tạo tài khoản</2>",
-  "Passwords must match": "Mật khẩu phải khớp",
-  "Register": "Đăng ký",
-  "Spotlight": "Tiêu điểm",
-  "Submitting…": "Đang gửi…",
-  "Thanks, we received your feedback!": "Cảm ơn, chúng tôi đã nhận được phản hồi!",
-  "Walkie-talkie call": "Cuộc gọi thoại",
-  "Walkie-talkie call name": "Tên cuộc gọi thoại",
-  "<0>Already have an account?</0><1><0>Log in</0> Or <2>Access as a guest</2></1>": "<0>Đã có tài khoản?</0><1><0>Đăng nhập</0> Hay <2>Tham gia dưới tên Khách</2></1>",
-  "Exit full screen": "Rời chế độ toàn màn hình",
-  "Profile": "Hồ sơ",
-  "Registering…": "Đang đăng ký…",
-  "Unmute microphone": "Bật micrô",
-  "This call already exists, would you like to join?": "Cuộc gọi đã tồn tại, bạn có muốn tham gia không?",
-  "Recaptcha not loaded": "Chưa tải được Recaptcha",
-  "Debug log request": "Yêu cầu nhật ký gỡ lỗi",
-  "Another user on this call is having an issue. In order to better diagnose these issues we'd like to collect a debug log.": "Một người dùng khác trong cuộc gọi đang gặp vấn đề. Để có thể chẩn đoán tốt hơn chúng tôi muốn thu thập nhật ký gỡ lỗi.",
-  "<0>Why not finish by setting up a password to keep your account?</0><1>You'll be able to keep your name and set an avatar for use on future calls</1>": "<0>Tại sao lại không hoàn thiện bằng cách đặt mật khẩu để giữ tài khoản của bạn?</0><1>Bạn sẽ có thể giữ tên và đặt ảnh đại diện cho những cuộc gọi tiếp theo.</1>",
-  "<0>Oops, something's gone wrong.</0>": "<0>Ối, có cái gì đó sai.</0>",
-  "{{displayName}} is presenting": "{{displayName}} đang trình bày",
-  "{{displayName}}, your call has ended.": "{{displayName}}, cuộc gọi đã kết thúc.",
-  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Chúng tôi muốn nghe phản hồi của bạn để còn cải thiện trải nghiệm cho bạn.</0>",
-  "<0>Thanks for your feedback!</0>": "<0>Cảm hơn vì đã phản hồi!</0>"
-}

public/locales/zh-Hans/app.json

@@ -1,98 +0,0 @@
-{
-  "Your recent calls": "最近通话",
-  "Yes, join call": "是，加入通话",
-  "WebRTC is not supported or is being blocked in this browser.": "此浏览器不支持WebRTC或WebRTC被浏览器阻止。",
-  "Walkie-talkie call name": "对讲机通话名称",
-  "Walkie-talkie call": "对讲机通话",
-  "Waiting for other participants…": "等待其他参与者……",
-  "Video call name": "视频通话名称",
-  "Video call": "视频通话",
-  "Video": "视频",
-  "Version: {{version}}": "版本：{{version}}",
-  "Username": "用户名",
-  "User menu": "用户菜单",
-  "Unmute microphone": "取消麦克风静音",
-  "Turn on camera": "开启摄像头",
-  "Turn off camera": "关闭摄像头",
-  "This call already exists, would you like to join?": "该通话已存在，你想加入吗？",
-  "Thanks! We'll get right on it.": "谢谢！我们会马上去做的。",
-  "Take me Home": "返回主页",
-  "Submit feedback": "提交反馈",
-  "Stop sharing screen": "停止屏幕共享",
-  "Spotlight": "聚焦模式",
-  "Speaker": "发言人",
-  "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.": "这个通话中的另一个用户出现了问题。为了更好地诊断这些问题，我们想收集调试日志。",
-  "<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>",
-  "{{names}}, {{name}}": "{{names}}, {{name}}",
-  "Inspector": "检查器",
-  "Show call inspector": "显示通话检查器",
-  "Share screen": "屏幕共享",
-  "Settings": "设置",
-  "Sending…": "正在发送……",
-  "Sending debug logs…": "正在发送调试日志……",
-  "Send debug logs": "发送调试日志",
-  "Select an option": "选择一个选项",
-  "Return to home screen": "返回主页",
-  "Remove": "移除",
-  "Registering…": "正在注册……",
-  "Register": "注册",
-  "Recaptcha not loaded": "reCaptcha未加载",
-  "Recaptcha dismissed": "reCaptcha验证失败",
-  "Profile": "个人信息",
-  "Passwords must match": "密码必须匹配",
-  "Password": "密码",
-  "Other users are trying to join this call from incompatible versions. These users should ensure that they have refreshed their browsers:<1>{userLis}</1>": "其他用户正试图从不兼容的版本加入这一呼叫。这些用户应该确保已经刷新了浏览器：<1>{userLis}</1>",
-  "Not registered yet? <2>Create an account</2>": "还没有注册？ <2>创建账户<2>",
-  "Not now, return to home screen": "暂不，先返回主页",
-  "No": "否",
-  "Mute microphone": "麦克风静音",
-  "More": "更多",
-  "Microphone": "麦克风",
-  "Login to your account": "登录你的账户",
-  "Login": "登录",
-  "Logging in…": "登录中……",
-  "Local volume": "本地音量",
-  "Loading…": "加载中……",
-  "Leave": "离开",
-  "Join existing call?": "加入现有的通话？",
-  "Join call now": "现在加入通话",
-  "Join call": "加入通话",
-  "Invite people": "邀请他人",
-  "Invite": "邀请",
-  "Incompatible versions!": "版本不兼容！",
-  "Incompatible versions": "不兼容版本",
-  "Include debug logs": "包含调试日志",
-  "Home": "主页",
-  "Grid layout menu": "网格布局菜单",
-  "Go": "开始",
-  "Full screen": "全屏",
-  "Freedom": "自由模式",
-  "Fetching group call timed out.": "获取群组通话超时。",
-  "Exit full screen": "退出全屏",
-  "Element Call Home": "Element Call 主页",
-  "Download debug logs": "下载调试日志",
-  "Display name": "显示名称",
-  "Developer": "开发者",
-  "Details": "详情",
-  "Debug log request": "调试日志请求",
-  "Debug log": "调试日志",
-  "Create account": "创建账户",
-  "Copy and share this call link": "复制并分享该链接",
-  "Copy": "复制",
-  "Copied!": "已复制！",
-  "Confirm password": "确认密码",
-  "Close": "关闭",
-  "Change layout": "更改布局",
-  "Camera": "摄像头",
-  "Call type menu": "通话类型菜单",
-  "Call link copied": "链接已复制",
-  "Avatar": "头像",
-  "<0>Oops, something's gone wrong.</0>": "<0>哎哟，出问题了。</0>",
-  "<0></0><1></1>You may withdraw consent by unchecking this box. If you are currently in a call, this setting will take effect at the end of the call.": ""
-}

public/locales/zh-Hant/app.json

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

scripts/dockerbuild.sh

@@ -1,8 +0,0 @@
-#!/bin/sh
-
-set -ex
-
-export VITE_APP_VERSION=$(git describe --tags --abbrev=0)
-
-yarn install
-yarn run build

scripts/reformat-release-notes.py

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

src/@types/global.d.ts

@@ -1,41 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import "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>;
-  }
-
-  // TypeScript doesn't know about the experimental setSinkId method, so we
-  // declare it ourselves
-  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,18 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-/// <reference types="vite/client" />
-/// <reference types="vite-plugin-svgr/client" />

src/App.jsx

@@ -0,0 +1,136 @@
+/*
+Copyright 2021 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, { useEffect, useState } from "react";
+import {
+  BrowserRouter as Router,
+  Switch,
+  Route,
+  useLocation,
+  useHistory,
+} from "react-router-dom";
+import * as Sentry from "@sentry/react";
+import { OverlayProvider } from "@react-aria/overlays";
+import { Home } from "./Home";
+import { LoginPage } from "./LoginPage";
+import { RegisterPage } from "./RegisterPage";
+import { Room } from "./Room";
+import { ClientProvider } from "./ConferenceCallManagerHooks";
+import { useFocusVisible } from "@react-aria/interactions";
+import styles from "./App.module.css";
+import { ErrorView, LoadingView } from "./FullScreenView";
+
+const SentryRoute = Sentry.withSentryRouting(Route);
+
+const { protocol, host } = window.location;
+// Assume homeserver is hosted on same domain (proxied in development by vite)
+const homeserverUrl = `${protocol}//${host}`;
+
+export default function App() {
+  const { isFocusVisible } = useFocusVisible();
+
+  useEffect(() => {
+    const classList = document.body.classList;
+    const hasClass = classList.contains(styles.hideFocus);
+
+    if (isFocusVisible && hasClass) {
+      classList.remove(styles.hideFocus);
+    } else if (!isFocusVisible && !hasClass) {
+      classList.add(styles.hideFocus);
+    }
+
+    return () => {
+      classList.remove(styles.hideFocus);
+    };
+  }, [isFocusVisible]);
+
+  return (
+    <Router>
+      <ClientProvider homeserverUrl={homeserverUrl}>
+        <OverlayProvider>
+          <Switch>
+            <SentryRoute exact path="/">
+              <Home />
+            </SentryRoute>
+            <SentryRoute exact path="/login">
+              <LoginPage />
+            </SentryRoute>
+            <SentryRoute exact path="/register">
+              <RegisterPage />
+            </SentryRoute>
+            <SentryRoute path="/room/:roomId?">
+              <Room />
+            </SentryRoute>
+            <SentryRoute path="*">
+              <RoomRedirect />
+            </SentryRoute>
+          </Switch>
+        </OverlayProvider>
+      </ClientProvider>
+    </Router>
+  );
+}
+
+function RoomRedirect() {
+  const { pathname } = useLocation();
+  const history = useHistory();
+  const [error, setError] = useState();
+
+  useEffect(() => {
+    async function redirect() {
+      let roomId = pathname;
+
+      if (pathname.startsWith("/")) {
+        roomId = roomId.substr(1, roomId.length);
+      }
+
+      if (!roomId.startsWith("#") && !roomId.startsWith("!")) {
+        let loginHomeserverUrl = homeserverUrl.trim();
+
+        if (!loginHomeserverUrl.includes("://")) {
+          loginHomeserverUrl = "https://" + loginHomeserverUrl;
+        }
+
+        try {
+          const wellKnownUrl = new URL(
+            "/.well-known/matrix/client",
+            window.location
+          );
+          const response = await fetch(wellKnownUrl);
+          const config = await response.json();
+
+          if (config["m.homeserver"]) {
+            loginHomeserverUrl = config["m.homeserver"];
+          }
+        } catch (error) {}
+
+        const { host } = new URL(loginHomeserverUrl);
+
+        roomId = `#${roomId}:${host}`;
+      }
+
+      history.replace(`/room/${roomId}`);
+    }
+
+    redirect().catch(setError);
+  }, [history, pathname]);
+
+  if (error) {
+    return <ErrorView error={error} />;
+  }
+
+  return <LoadingView />;
+}

src/App.module.css

@@ -0,0 +1,3 @@
+.hideFocus * {
+  outline: none;
+}

src/App.tsx

@@ -1,90 +0,0 @@
-/*
-Copyright 2021 - 2023 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-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 { 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";
-import { History } from "history";
-
-import { HomePage } from "./home/HomePage";
-import { LoginPage } from "./auth/LoginPage";
-import { RegisterPage } from "./auth/RegisterPage";
-import { RoomPage } from "./room/RoomPage";
-import { ClientProvider } from "./ClientContext";
-import { usePageFocusStyle } from "./usePageFocusStyle";
-import { SequenceDiagramViewerPage } from "./SequenceDiagramViewerPage";
-import { InspectorContextProvider } from "./room/GroupCallInspector";
-import { CrashView, LoadingView } from "./FullScreenView";
-import { Initializer } from "./initializer";
-
-const SentryRoute = Sentry.withSentryRouting(Route);
-
-interface AppProps {
-  history: History;
-}
-
-export default function App({ history }: AppProps) {
-  const [loaded, setLoaded] = useState(false);
-
-  useEffect(() => {
-    Initializer.init()?.then(() => {
-      setLoaded(true);
-    });
-  });
-
-  usePageFocusStyle();
-
-  const errorPage = <CrashView />;
-
-  return (
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    <Router history={history}>
-      {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="/inspector">
-                      <SequenceDiagramViewerPage />
-                    </SentryRoute>
-                    <SentryRoute path="*">
-                      <RoomPage />
-                    </SentryRoute>
-                  </Switch>
-                </OverlayProvider>
-              </Sentry.ErrorBoundary>
-            </InspectorContextProvider>
-          </ClientProvider>
-        </Suspense>
-      ) : (
-        <LoadingView />
-      )}
-    </Router>
-  );
-}

src/Avatar.jsx

@@ -0,0 +1,58 @@
+import React, { useMemo } from "react";
+import classNames from "classnames";
+import styles from "./Avatar.module.css";
+
+const backgroundColors = [
+  "#5C56F5",
+  "#03B381",
+  "#368BD6",
+  "#AC3BA8",
+  "#E64F7A",
+  "#FF812D",
+  "#2DC2C5",
+  "#74D12C",
+];
+
+function hashStringToArrIndex(str, arrLength) {
+  let sum = 0;
+
+  for (let i = 0; i < str.length; i++) {
+    sum += str.charCodeAt(i);
+  }
+
+  return sum % arrLength;
+}
+
+export function Avatar({
+  bgKey,
+  src,
+  fallback,
+  size,
+  className,
+  style,
+  ...rest
+}) {
+  const backgroundColor = useMemo(() => {
+    const index = hashStringToArrIndex(
+      bgKey || fallback || src,
+      backgroundColors.length
+    );
+    return backgroundColors[index];
+  }, [bgKey, src, fallback]);
+
+  return (
+    <div
+      className={classNames(styles.avatar, styles[size || "md"], className)}
+      style={{ backgroundColor, ...style }}
+      {...rest}
+    >
+      {src ? (
+        <img src={src} />
+      ) : typeof fallback === "string" ? (
+        <span>{fallback}</span>
+      ) : (
+        fallback
+      )}
+    </div>
+  );
+}

src/Avatar.module.css

@@ -1,29 +1,11 @@
-/*
-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);
+  color: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
   pointer-events: none;
   font-weight: 600;
-  overflow: hidden;
-  flex-shrink: 0;
 }
 
 .avatar img {
@@ -33,27 +15,16 @@ limitations under the License.
 }
 
 .avatar svg * {
-  fill: var(--primary-content);
+  fill: #ffffff;
 }
 
-.avatar span {
-  padding-top: 1px;
-}
-
-.xs {
+.sm {
   width: 22px;
   height: 22px;
   border-radius: 22px;
   font-size: 14px;
 }
 
-.sm {
-  width: 32px;
-  height: 32px;
-  border-radius: 32px;
-  font-size: 15px;
-}
-
 .md {
   width: 36px;
   height: 36px;
@@ -65,12 +36,11 @@ limitations under the License.
   width: 42px;
   height: 42px;
   border-radius: 42px;
-  font-size: 24px;
+  font-size: 36px;
 }
 
 .xl {
   width: 90px;
   height: 90px;
   border-radius: 90px;
-  font-size: 48px;
 }

src/Avatar.tsx

@@ -1,127 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { useMemo, CSSProperties, HTMLAttributes, FC } from "react";
-import classNames from "classnames";
-
-import { getAvatarUrl } from "./matrix-utils";
-import { useClient } from "./ClientContext";
-import styles from "./Avatar.module.css";
-
-const backgroundColors = [
-  "#5C56F5",
-  "#03B381",
-  "#368BD6",
-  "#AC3BA8",
-  "#E64F7A",
-  "#FF812D",
-  "#2DC2C5",
-  "#74D12C",
-];
-
-export enum Size {
-  XS = "xs",
-  SM = "sm",
-  MD = "md",
-  LG = "lg",
-  XL = "xl",
-}
-
-export const sizes = new Map([
-  [Size.XS, 22],
-  [Size.SM, 32],
-  [Size.MD, 36],
-  [Size.LG, 42],
-  [Size.XL, 90],
-]);
-
-function hashStringToArrIndex(str: string, arrLength: number) {
-  let sum = 0;
-
-  for (let i = 0; i < str.length; i++) {
-    sum += str.charCodeAt(i);
-  }
-
-  return sum % arrLength;
-}
-
-interface Props extends HTMLAttributes<HTMLDivElement> {
-  bgKey?: string;
-  src?: string;
-  size?: Size | number;
-  className?: string;
-  style?: CSSProperties;
-  fallback: string;
-}
-
-export const Avatar: FC<Props> = ({
-  bgKey,
-  src,
-  fallback,
-  size = Size.MD,
-  className,
-  style = {},
-  ...rest
-}) => {
-  const { client } = useClient();
-
-  const [sizeClass, sizePx, sizeStyle] = useMemo(
-    () =>
-      Object.values(Size).includes(size as Size)
-        ? [styles[size as string], sizes.get(size as Size), {}]
-        : [
-            null,
-            size as number,
-            {
-              width: size,
-              height: size,
-              borderRadius: size,
-              fontSize: Math.round((size as number) / 2),
-            },
-          ],
-    [size]
-  );
-
-  const resolvedSrc = useMemo(() => {
-    if (!client || !src || !sizePx) return undefined;
-    return src.startsWith("mxc://") ? getAvatarUrl(client, src, sizePx) : src;
-  }, [client, src, sizePx]);
-
-  const backgroundColor = useMemo(() => {
-    const index = hashStringToArrIndex(
-      bgKey || fallback || src || "",
-      backgroundColors.length
-    );
-    return backgroundColors[index];
-  }, [bgKey, src, fallback]);
-
-  /* eslint-disable jsx-a11y/alt-text */
-  return (
-    <div
-      className={classNames(styles.avatar, sizeClass, className)}
-      style={{ backgroundColor, ...sizeStyle, ...style }}
-      {...rest}
-    >
-      {resolvedSrc ? (
-        <img src={resolvedSrc} />
-      ) : typeof fallback === "string" ? (
-        <span>{fallback}</span>
-      ) : (
-        fallback
-      )}
-    </div>
-  );
-};

src/Banner.module.css

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

src/Banner.tsx

@@ -1,27 +0,0 @@
-/*
-Copyright 2023 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { ReactNode } from "react";
-
-import styles from "./Banner.module.css";
-
-interface Props {
-  children: ReactNode;
-}
-
-export const Banner = ({ children }: Props) => {
-  return <div className={styles.banner}>{children}</div>;
-};

src/CallList.jsx

@@ -0,0 +1,54 @@
+import React, { useMemo } from "react";
+import { Link } from "react-router-dom";
+import { CopyButton } from "./button";
+import { Facepile } from "./Facepile";
+import { Avatar } from "./Avatar";
+import { ReactComponent as VideoIcon } from "./icons/Video.svg";
+import styles from "./CallList.module.css";
+import { getRoomUrl } from "./ConferenceCallManagerHooks";
+
+export function CallList({ title, rooms }) {
+  return (
+    <>
+      <h3>{title}</h3>
+      <div className={styles.callList}>
+        {rooms.map(({ roomId, roomName, avatarUrl, participants }) => (
+          <CallTile
+            key={roomId}
+            name={roomName}
+            avatarUrl={avatarUrl}
+            roomId={roomId}
+            participants={participants}
+          />
+        ))}
+      </div>
+    </>
+  );
+}
+
+function CallTile({ name, avatarUrl, roomId, participants }) {
+  return (
+    <div className={styles.callTile}>
+      <Link to={`/room/${roomId}`} className={styles.callTileLink}>
+        <Avatar
+          size="md"
+          bgKey={name}
+          src={avatarUrl}
+          fallback={<VideoIcon width={16} height={16} />}
+          className={styles.avatar}
+        />
+        <div className={styles.callInfo}>
+          <h5>{name}</h5>
+          <p>{getRoomUrl(roomId)}</p>
+          {participants && <Facepile participants={participants} />}
+        </div>
+        <div className={styles.copyButtonSpacer} />
+      </Link>
+      <CopyButton
+        className={styles.copyButton}
+        variant="icon"
+        value={getRoomUrl(roomId)}
+      />
+    </div>
+  );
+}

src/CallList.module.css

@@ -0,0 +1,74 @@
+.callTile {
+  min-width: 240px;
+  height: 94px;
+  padding: 12px;
+  background-color: var(--bgColor2);
+  border-radius: 8px;
+  overflow: hidden;
+  box-sizing: border-box;
+  position: relative;
+  user-select: none;
+}
+
+.callTileLink {
+  display: flex;
+  text-decoration: none;
+  width: 100%;
+}
+
+.avatar,
+.copyButtonSpacer {
+  flex-shrink: 0;
+}
+
+.callInfo {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  padding: 0 16px;
+  color: var(--textColor1);
+  min-width: 0;
+}
+
+.callInfo > * {
+  margin-top: 0;
+  margin-bottom: 8px;
+}
+
+.callInfo > :last-child {
+  margin-bottom: 0;
+}
+
+.callInfo h5 {
+  font-size: 15px;
+  font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.callInfo p {
+  font-weight: 400;
+  font-size: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.copyButtonSpacer,
+.copyButton {
+  width: 16px;
+  height: 16px;
+}
+
+.copyButton {
+  position: absolute;
+  top: 12px;
+  right: 12px;
+}
+
+.callList {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  gap: 24px;
+}

src/ClientContext.tsx

@@ -1,389 +0,0 @@
-/*
-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 {
-  FC,
-  useCallback,
-  useEffect,
-  useState,
-  createContext,
-  useContext,
-  useRef,
-  useMemo,
-} from "react";
-import { useHistory } from "react-router-dom";
-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 {
-  CryptoStoreIntegrityError,
-  fallbackICEServerAllowed,
-  initClient,
-} from "./matrix-utils";
-import { widget } from "./widget";
-import {
-  PosthogAnalytics,
-  RegistrationType,
-} from "./analytics/PosthogAnalytics";
-import { translatedError } from "./TranslatedError";
-import { useEventTarget } from "./useEvents";
-import { Config } from "./config/Config";
-
-declare global {
-  interface Window {
-    matrixclient: MatrixClient;
-    passwordlessUser: boolean;
-  }
-}
-
-export type ClientState = ValidClientState | ErrorState;
-
-export type ValidClientState = {
-  state: "valid";
-  authenticated?: AuthenticatedClient;
-  setClient: (params?: SetClientParams) => void;
-};
-
-export type AuthenticatedClient = {
-  client: MatrixClient;
-  isPasswordlessUser: boolean;
-  changePassword: (password: string) => Promise<void>;
-  logout: () => void;
-};
-
-export type ErrorState = {
-  state: "error";
-  error: Error;
-};
-
-export type SetClientParams = {
-  client: MatrixClient;
-  session: Session;
-};
-
-const ClientContext = createContext<ClientState | undefined>(undefined);
-
-export const useClientState = () => useContext(ClientContext);
-
-export function useClient(): {
-  client?: MatrixClient;
-  setClient?: (params?: SetClientParams) => void;
-} {
-  let client;
-  let setClient;
-
-  const clientState = useClientState();
-  if (clientState?.state === "valid") {
-    client = clientState.authenticated?.client;
-    setClient = clientState.setClient;
-  }
-
-  return { client, setClient };
-}
-
-// Plain representation of the `ClientContext` as a helper for old components that expected an object with multiple fields.
-export function useClientLegacy(): {
-  client?: MatrixClient;
-  setClient?: (params?: SetClientParams) => void;
-  passwordlessUser: boolean;
-  loading: boolean;
-  authenticated: boolean;
-  logout?: () => void;
-  error?: Error;
-} {
-  const clientState = useClientState();
-
-  let client;
-  let setClient;
-  let passwordlessUser = false;
-  let loading = true;
-  let error;
-  let authenticated = false;
-  let logout;
-
-  if (clientState?.state === "valid") {
-    client = clientState.authenticated?.client;
-    setClient = clientState.setClient;
-    passwordlessUser = clientState.authenticated?.isPasswordlessUser ?? false;
-    loading = false;
-    authenticated = client !== undefined;
-    logout = clientState.authenticated?.logout;
-  } else if (clientState?.state === "error") {
-    error = clientState.error;
-    loading = false;
-  }
-
-  return {
-    client,
-    setClient,
-    passwordlessUser,
-    loading,
-    authenticated,
-    logout,
-    error,
-  };
-}
-
-const loadChannel =
-  "BroadcastChannel" in window ? new BroadcastChannel("load") : null;
-
-interface Props {
-  children: JSX.Element;
-}
-
-export const ClientProvider: FC<Props> = ({ children }) => {
-  const history = useHistory();
-
-  const [initClientState, setInitClientState] = useState<
-    InitResult | undefined
-  >(undefined);
-
-  const initializing = useRef(false);
-  useEffect(() => {
-    // In case the component is mounted, unmounted, and remounted quickly (as
-    // React does in strict mode), we need to make sure not to doubly initialize
-    // the client.
-    if (initializing.current) return;
-    initializing.current = true;
-
-    loadClient()
-      .then((maybeClient) => {
-        if (!maybeClient) {
-          logger.error("Failed to initialize client");
-          return;
-        }
-
-        setInitClientState(maybeClient);
-      })
-      .catch((err) => logger.error(err))
-      .finally(() => (initializing.current = false));
-  }, []);
-
-  const changePassword = useCallback(
-    async (password: string) => {
-      const session = loadSession();
-      if (!initClientState?.client || !session) {
-        return;
-      }
-
-      await initClientState.client.setPassword(
-        {
-          type: "m.login.password",
-          identifier: {
-            type: "m.id.user",
-            user: session.user_id,
-          },
-          user: session.user_id,
-          password: session.tempPassword,
-        },
-        password
-      );
-
-      saveSession({ ...session, passwordlessUser: false });
-
-      setInitClientState({
-        client: initClientState.client,
-        passwordlessUser: false,
-      });
-    },
-    [initClientState?.client]
-  );
-
-  const setClient = useCallback(
-    (clientParams?: SetClientParams) => {
-      const oldClient = initClientState?.client;
-      const newClient = clientParams?.client;
-      if (oldClient && oldClient !== newClient) {
-        oldClient.stopClient();
-      }
-
-      if (clientParams) {
-        saveSession(clientParams.session);
-        setInitClientState({
-          client: clientParams.client,
-          passwordlessUser: clientParams.session.passwordlessUser,
-        });
-      } else {
-        clearSession();
-        setInitClientState(undefined);
-      }
-    },
-    [initClientState?.client]
-  );
-
-  const logout = useCallback(async () => {
-    const client = initClientState?.client;
-    if (!client) {
-      return;
-    }
-
-    await client.logout(true);
-    await client.clearStores();
-    clearSession();
-    setInitClientState(undefined);
-    history.push("/");
-    PosthogAnalytics.instance.setRegistrationType(RegistrationType.Guest);
-  }, [history, initClientState?.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(() => {
-    if (!widget) loadChannel?.postMessage({});
-  }, []);
-
-  const [alreadyOpenedErr, setAlreadyOpenedErr] = useState<Error | undefined>(
-    undefined
-  );
-  useEventTarget(
-    loadChannel,
-    "message",
-    useCallback(() => {
-      initClientState?.client.stopClient();
-      setAlreadyOpenedErr(
-        translatedError("This application has been opened in another tab.", t)
-      );
-    }, [initClientState?.client, setAlreadyOpenedErr, t])
-  );
-
-  const state: ClientState = useMemo(() => {
-    if (alreadyOpenedErr) {
-      return { state: "error", error: alreadyOpenedErr };
-    }
-
-    let authenticated = undefined;
-    if (initClientState) {
-      authenticated = {
-        client: initClientState.client,
-        isPasswordlessUser: initClientState.passwordlessUser,
-        changePassword,
-        logout,
-      };
-    }
-
-    return { state: "valid", authenticated, setClient };
-  }, [alreadyOpenedErr, changePassword, initClientState, logout, setClient]);
-
-  useEffect(() => {
-    if (!initClientState) {
-      return;
-    }
-
-    window.matrixclient = initClientState.client;
-    window.passwordlessUser = initClientState.passwordlessUser;
-
-    if (PosthogAnalytics.hasInstance())
-      PosthogAnalytics.instance.onLoginStatusChanged();
-  }, [initClientState]);
-
-  if (alreadyOpenedErr) {
-    return <ErrorView error={alreadyOpenedErr} />;
-  }
-
-  return (
-    <ClientContext.Provider value={state}>{children}</ClientContext.Provider>
-  );
-};
-
-type InitResult = {
-  client: MatrixClient;
-  passwordlessUser: boolean;
-};
-
-async function loadClient(): Promise<InitResult> {
-  if (widget) {
-    // We're inside a widget, so let's engage *matryoshka mode*
-    logger.log("Using a matryoshka client");
-    const client = await widget.client;
-    return {
-      client,
-      passwordlessUser: false,
-    };
-  } else {
-    // We're running as a standalone application
-    try {
-      const session = loadSession();
-      if (!session) {
-        throw new Error("No session stored");
-      }
-
-      logger.log("Using a standalone client");
-
-      /* eslint-disable camelcase */
-      const { user_id, device_id, access_token, passwordlessUser } = session;
-      const initClientParams = {
-        baseUrl: Config.defaultHomeserverUrl()!,
-        accessToken: access_token,
-        userId: user_id,
-        deviceId: device_id,
-        fallbackICEServerAllowed: fallbackICEServerAllowed,
-        livekitServiceURL: Config.get().livekit!.livekit_service_url,
-      };
-
-      try {
-        const client = await initClient(initClientParams, true);
-        return {
-          client,
-          passwordlessUser,
-        };
-      } catch (err) {
-        if (err instanceof CryptoStoreIntegrityError) {
-          // We can't use this session anymore, so let's log it out
-          try {
-            const client = await initClient(initClientParams, false); // Don't need the crypto store just to log out)
-            await client.logout(true);
-          } catch (err) {
-            logger.warn(
-              "The previous session was lost, and we couldn't log it out, " +
-                err +
-                "either"
-            );
-          }
-        }
-        throw err;
-      }
-      /* eslint-enable camelcase */
-    } catch (err) {
-      clearSession();
-      throw err;
-    }
-  }
-}
-
-export interface Session {
-  user_id: string;
-  device_id: string;
-  access_token: string;
-  passwordlessUser: boolean;
-  tempPassword?: string;
-}
-
-const clearSession = () => localStorage.removeItem("matrix-auth-store");
-const saveSession = (s: Session) =>
-  localStorage.setItem("matrix-auth-store", JSON.stringify(s));
-const loadSession = (): Session | undefined => {
-  const data = localStorage.getItem("matrix-auth-store");
-  if (!data) {
-    return undefined;
-  }
-
-  return JSON.parse(data);
-};

src/ConferenceCallDebugger.js

@@ -0,0 +1,437 @@
+/*
+Copyright 2021 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 EventEmitter from "events";
+
+export class ConferenceCallDebugger extends EventEmitter {
+  constructor(client, groupCall) {
+    super();
+
+    this.client = client;
+    this.groupCall = groupCall;
+
+    this.debugState = {
+      users: new Map(),
+      calls: new Map(),
+    };
+
+    this.bufferedEvents = [];
+
+    client.on("event", this._onEvent);
+    groupCall.on("call", this._onCall);
+    groupCall.on("debugstate", this._onDebugStateChanged);
+    groupCall.on("entered", this._onEntered);
+    groupCall.on("left", this._onLeft);
+  }
+
+  _onEntered = () => {
+    const eventCount = this.bufferedEvents.length;
+
+    for (let i = 0; i < eventCount; i++) {
+      const event = this.bufferedEvents.pop();
+      this._onEvent(event);
+    }
+  };
+
+  _onLeft = () => {
+    this.bufferedEvents = [];
+    this.debugState = {
+      users: new Map(),
+      calls: new Map(),
+    };
+    this.emit("debug");
+  };
+
+  _onEvent = (event) => {
+    if (!this.groupCall.entered) {
+      this.bufferedEvents.push(event);
+      return;
+    }
+
+    const roomId = event.getRoomId();
+    const type = event.getType();
+
+    if (
+      roomId === this.groupCall.room.roomId &&
+      (type.startsWith("m.call.") ||
+        type === "me.robertlong.call.info" ||
+        type === "m.room.member")
+    ) {
+      const sender = event.getSender();
+      const { call_id } = event.getContent();
+
+      if (call_id) {
+        if (this.debugState.calls.has(call_id)) {
+          const callState = this.debugState.calls.get(call_id);
+          callState.events.push(event);
+        } else {
+          this.debugState.calls.set(call_id, {
+            state: "unknown",
+            events: [event],
+          });
+        }
+      }
+
+      if (this.debugState.users.has(sender)) {
+        const userState = this.debugState.users.get(sender);
+        userState.events.push(event);
+      } else {
+        this.debugState.users.set(sender, {
+          state: "unknown",
+          events: [event],
+        });
+      }
+
+      this.emit("debug");
+    }
+  };
+
+  _onDebugStateChanged = (userId, callId, state) => {
+    if (userId) {
+      const userState = this.debugState.users.get(userId);
+
+      if (userState) {
+        userState.state = state;
+      } else {
+        this.debugState.users.set(userId, {
+          state,
+          events: [],
+        });
+      }
+    }
+
+    if (callId) {
+      const callState = this.debugState.calls.get(callId);
+
+      if (callState) {
+        callState.state = state;
+      } else {
+        this.debugState.calls.set(callId, {
+          state,
+          events: [],
+        });
+      }
+    }
+
+    this.emit("debug");
+  };
+
+  _onCall = (call) => {
+    const peerConnection = call.peerConn;
+
+    if (!peerConnection) {
+      return;
+    }
+
+    const sendWebRTCInfoEvent = async (eventType) => {
+      const event = {
+        call_id: call.callId,
+        eventType,
+        iceConnectionState: peerConnection.iceConnectionState,
+        iceGatheringState: peerConnection.iceGatheringState,
+        signalingState: peerConnection.signalingState,
+        selectedCandidatePair: null,
+        localCandidate: null,
+        remoteCandidate: null,
+      };
+
+      // getStats doesn't support selectors in Firefox so get all stats by passing null.
+      // https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/getStats#browser_compatibility
+      const stats = await peerConnection.getStats(null);
+
+      const statsArr = Array.from(stats.values());
+
+      // Matrix doesn't support floats so we convert time in seconds to ms
+      function secToMs(time) {
+        if (time === undefined) {
+          return undefined;
+        }
+
+        return Math.round(time * 1000);
+      }
+
+      function processTransportStats(transportStats) {
+        if (!transportStats) {
+          return undefined;
+        }
+
+        return {
+          packetsSent: transportStats.packetsSent,
+          packetsReceived: transportStats.packetsReceived,
+          bytesSent: transportStats.bytesSent,
+          bytesReceived: transportStats.bytesReceived,
+          iceRole: transportStats.iceRole,
+          iceState: transportStats.iceState,
+          dtlsState: transportStats.dtlsState,
+          dtlsCipher: transportStats.dtlsCipher,
+          tlsVersion: transportStats.tlsVersion,
+        };
+      }
+
+      function processCandidateStats(candidateStats) {
+        if (!candidateStats) {
+          return undefined;
+        }
+
+        // TODO: Figure out how to normalize ip and address across browsers
+        // networkType property excluded for privacy reasons:
+        // https://www.w3.org/TR/webrtc-stats/#sotd
+        return {
+          priority:
+            candidateStats.priority && candidateStats.priority.toString(),
+          candidateType: candidateStats.candidateType,
+          protocol: candidateStats.protocol,
+          address: !!candidateStats.address
+            ? candidateStats.address
+            : candidateStats.ip,
+          port: candidateStats.port,
+          url: candidateStats.url,
+          relayProtocol: candidateStats.relayProtocol,
+        };
+      }
+
+      function processCandidatePair(candidatePairStats) {
+        if (!candidatePairStats) {
+          return undefined;
+        }
+
+        const localCandidateStats = statsArr.find(
+          (stat) => stat.id === candidatePairStats.localCandidateId
+        );
+        event.localCandidate = processCandidateStats(localCandidateStats);
+
+        const remoteCandidateStats = statsArr.find(
+          (stat) => stat.id === candidatePairStats.remoteCandidateId
+        );
+        event.remoteCandidate = processCandidateStats(remoteCandidateStats);
+
+        const transportStats = statsArr.find(
+          (stat) => stat.id === candidatePairStats.transportId
+        );
+        event.transport = processTransportStats(transportStats);
+
+        return {
+          state: candidatePairStats.state,
+          bytesSent: candidatePairStats.bytesSent,
+          bytesReceived: candidatePairStats.bytesReceived,
+          requestsSent: candidatePairStats.requestsSent,
+          requestsReceived: candidatePairStats.requestsReceived,
+          responsesSent: candidatePairStats.responsesSent,
+          responsesReceived: candidatePairStats.responsesReceived,
+          currentRoundTripTime: secToMs(
+            candidatePairStats.currentRoundTripTime
+          ),
+          totalRoundTripTime: secToMs(candidatePairStats.totalRoundTripTime),
+        };
+      }
+
+      // Firefox uses the deprecated "selected" property for the nominated ice candidate.
+      const selectedCandidatePair = statsArr.find(
+        (stat) =>
+          stat.type === "candidate-pair" && (stat.selected || stat.nominated)
+      );
+
+      event.selectedCandidatePair = processCandidatePair(selectedCandidatePair);
+
+      function processCodecStats(codecStats) {
+        if (!codecStats) {
+          return undefined;
+        }
+
+        // Payload type enums and MIME types listed here:
+        // https://www.iana.org/assignments/rtp-parameters/rtp-parameters.xhtml
+        return {
+          mimeType: codecStats.mimeType,
+          clockRate: codecStats.clockRate,
+          payloadType: codecStats.payloadType,
+          channels: codecStats.channels,
+          sdpFmtpLine: codecStats.sdpFmtpLine,
+        };
+      }
+
+      function processRTPStreamStats(rtpStreamStats) {
+        const codecStats = statsArr.find(
+          (stat) => stat.id === rtpStreamStats.codecId
+        );
+        const codec = processCodecStats(codecStats);
+
+        return {
+          kind: rtpStreamStats.kind,
+          codec,
+        };
+      }
+
+      function processInboundRTPStats(inboundRTPStats) {
+        const rtpStreamStats = processRTPStreamStats(inboundRTPStats);
+
+        return {
+          ...rtpStreamStats,
+          decoderImplementation: inboundRTPStats.decoderImplementation,
+          bytesReceived: inboundRTPStats.bytesReceived,
+          packetsReceived: inboundRTPStats.packetsReceived,
+          packetsLost: inboundRTPStats.packetsLost,
+          jitter: secToMs(inboundRTPStats.jitter),
+          frameWidth: inboundRTPStats.frameWidth,
+          frameHeight: inboundRTPStats.frameHeight,
+          frameBitDepth: inboundRTPStats.frameBitDepth,
+          framesPerSecond:
+            inboundRTPStats.framesPerSecond &&
+            inboundRTPStats.framesPerSecond.toString(),
+          framesReceived: inboundRTPStats.framesReceived,
+          framesDecoded: inboundRTPStats.framesDecoded,
+          framesDropped: inboundRTPStats.framesDropped,
+          totalSamplesDecoded: inboundRTPStats.totalSamplesDecoded,
+          totalDecodeTime: secToMs(inboundRTPStats.totalDecodeTime),
+          totalProcessingDelay: secToMs(inboundRTPStats.totalProcessingDelay),
+        };
+      }
+
+      function processOutboundRTPStats(outboundRTPStats) {
+        const rtpStreamStats = processRTPStreamStats(outboundRTPStats);
+
+        return {
+          ...rtpStreamStats,
+          encoderImplementation: outboundRTPStats.encoderImplementation,
+          bytesSent: outboundRTPStats.bytesSent,
+          packetsSent: outboundRTPStats.packetsSent,
+          frameWidth: outboundRTPStats.frameWidth,
+          frameHeight: outboundRTPStats.frameHeight,
+          frameBitDepth: outboundRTPStats.frameBitDepth,
+          framesPerSecond:
+            outboundRTPStats.framesPerSecond &&
+            outboundRTPStats.framesPerSecond.toString(),
+          framesSent: outboundRTPStats.framesSent,
+          framesEncoded: outboundRTPStats.framesEncoded,
+          qualityLimitationReason: outboundRTPStats.qualityLimitationReason,
+          qualityLimitationResolutionChanges:
+            outboundRTPStats.qualityLimitationResolutionChanges,
+          totalEncodeTime: secToMs(outboundRTPStats.totalEncodeTime),
+          totalPacketSendDelay: secToMs(outboundRTPStats.totalPacketSendDelay),
+        };
+      }
+
+      function processRemoteInboundRTPStats(remoteInboundRTPStats) {
+        const rtpStreamStats = processRTPStreamStats(remoteInboundRTPStats);
+
+        return {
+          ...rtpStreamStats,
+          packetsReceived: remoteInboundRTPStats.packetsReceived,
+          packetsLost: remoteInboundRTPStats.packetsLost,
+          jitter: secToMs(remoteInboundRTPStats.jitter),
+          framesDropped: remoteInboundRTPStats.framesDropped,
+          roundTripTime: secToMs(remoteInboundRTPStats.roundTripTime),
+          totalRoundTripTime: secToMs(remoteInboundRTPStats.totalRoundTripTime),
+          fractionLost:
+            remoteInboundRTPStats.fractionLost !== undefined &&
+            remoteInboundRTPStats.fractionLost.toString(),
+          reportsReceived: remoteInboundRTPStats.reportsReceived,
+          roundTripTimeMeasurements:
+            remoteInboundRTPStats.roundTripTimeMeasurements,
+        };
+      }
+
+      function processRemoteOutboundRTPStats(remoteOutboundRTPStats) {
+        const rtpStreamStats = processRTPStreamStats(remoteOutboundRTPStats);
+
+        return {
+          ...rtpStreamStats,
+          encoderImplementation: remoteOutboundRTPStats.encoderImplementation,
+          bytesSent: remoteOutboundRTPStats.bytesSent,
+          packetsSent: remoteOutboundRTPStats.packetsSent,
+          roundTripTime: secToMs(remoteOutboundRTPStats.roundTripTime),
+          totalRoundTripTime: secToMs(
+            remoteOutboundRTPStats.totalRoundTripTime
+          ),
+          reportsSent: remoteOutboundRTPStats.reportsSent,
+          roundTripTimeMeasurements:
+            remoteOutboundRTPStats.roundTripTimeMeasurements,
+        };
+      }
+
+      event.inboundRTP = statsArr
+        .filter((stat) => stat.type === "inbound-rtp")
+        .map(processInboundRTPStats);
+
+      event.outboundRTP = statsArr
+        .filter((stat) => stat.type === "outbound-rtp")
+        .map(processOutboundRTPStats);
+
+      event.remoteInboundRTP = statsArr
+        .filter((stat) => stat.type === "remote-inbound-rtp")
+        .map(processRemoteInboundRTPStats);
+
+      event.remoteOutboundRTP = statsArr
+        .filter((stat) => stat.type === "remote-outbound-rtp")
+        .map(processRemoteOutboundRTPStats);
+
+      this.client.sendEvent(
+        this.groupCall.room.roomId,
+        "me.robertlong.call.info",
+        event
+      );
+    };
+
+    let statsTimeout;
+
+    const sendStats = () => {
+      if (
+        call.state === "ended" ||
+        peerConnection.connectionState === "closed"
+      ) {
+        clearTimeout(statsTimeout);
+        return;
+      }
+
+      sendWebRTCInfoEvent("stats");
+      statsTimeout = setTimeout(sendStats, 30 * 1000);
+    };
+
+    setTimeout(sendStats, 30 * 1000);
+
+    peerConnection.addEventListener("iceconnectionstatechange", () => {
+      sendWebRTCInfoEvent("iceconnectionstatechange");
+    });
+    peerConnection.addEventListener("icegatheringstatechange", () => {
+      sendWebRTCInfoEvent("icegatheringstatechange");
+    });
+    peerConnection.addEventListener("negotiationneeded", () => {
+      sendWebRTCInfoEvent("negotiationneeded");
+    });
+    peerConnection.addEventListener("track", () => {
+      sendWebRTCInfoEvent("track");
+    });
+    // NOTE: Not available on Firefox
+    // https://bugzilla.mozilla.org/show_bug.cgi?id=1561441
+    peerConnection.addEventListener(
+      "icecandidateerror",
+      ({ errorCode, url, errorText }) => {
+        this.client.sendEvent(
+          this.groupCall.room.roomId,
+          "me.robertlong.call.ice_error",
+          {
+            call_id: call.callId,
+            errorCode,
+            url,
+            errorText,
+          }
+        );
+      }
+    );
+    peerConnection.addEventListener("signalingstatechange", () => {
+      sendWebRTCInfoEvent("signalingstatechange");
+    });
+  };
+}

src/ConferenceCallManagerHooks.jsx

@@ -0,0 +1,620 @@
+/*
+Copyright 2021 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,
+  useEffect,
+  useState,
+  createContext,
+  useMemo,
+  useContext,
+} from "react";
+import matrix from "matrix-js-sdk/src/browser-index";
+import {
+  GroupCallIntent,
+  GroupCallType,
+} from "matrix-js-sdk/src/browser-index";
+import { useHistory } from "react-router-dom";
+import { randomString } from "matrix-js-sdk/src/randomstring";
+
+const ClientContext = createContext();
+
+function waitForSync(client) {
+  return new Promise((resolve, reject) => {
+    const onSync = (state, _old, data) => {
+      if (state === "PREPARED") {
+        resolve();
+        client.removeListener("sync", onSync);
+      } else if (state === "ERROR") {
+        reject(data?.error);
+        client.removeListener("sync", onSync);
+      }
+    };
+    client.on("sync", onSync);
+  });
+}
+
+async function initClient(clientOptions, guest) {
+  const client = matrix.createClient(clientOptions);
+
+  if (guest) {
+    client.setGuest(true);
+  }
+
+  await client.startClient({
+    // dirty hack to reduce chance of gappy syncs
+    // should be fixed by spotting gaps and backpaginating
+    initialSyncLimit: 50,
+  });
+
+  await waitForSync(client);
+
+  return client;
+}
+
+async function registerGuest(homeserverUrl) {
+  const registrationClient = matrix.createClient(homeserverUrl);
+
+  const { user_id, device_id, access_token } =
+    await registrationClient.registerGuest({});
+
+  const client = await initClient(
+    {
+      baseUrl: homeserverUrl,
+      accessToken: access_token,
+      userId: user_id,
+      deviceId: device_id,
+    },
+    true
+  );
+
+  await client.setDisplayName(`Guest ${client.getUserIdLocalpart()}`);
+
+  localStorage.setItem(
+    "matrix-auth-store",
+    JSON.stringify({ user_id, device_id, access_token, guest: true })
+  );
+
+  return client;
+}
+
+export async function fetchGroupCall(
+  client,
+  roomIdOrAlias,
+  viaServers = undefined,
+  timeout = 5000
+) {
+  const { roomId } = await client.joinRoom(roomIdOrAlias, { viaServers });
+
+  return new Promise((resolve, reject) => {
+    let timeoutId;
+
+    function onGroupCallIncoming(groupCall) {
+      if (groupCall && groupCall.room.roomId === roomId) {
+        clearTimeout(timeoutId);
+        client.removeListener("GroupCall.incoming", onGroupCallIncoming);
+        resolve(groupCall);
+      }
+    }
+
+    const groupCall = client.getGroupCallForRoom(roomId);
+
+    if (groupCall) {
+      resolve(groupCall);
+    }
+
+    client.on("GroupCall.incoming", onGroupCallIncoming);
+
+    if (timeout) {
+      timeoutId = setTimeout(() => {
+        client.removeListener("GroupCall.incoming", onGroupCallIncoming);
+        reject(new Error("Fetching group call timed out."));
+      }, timeout);
+    }
+  });
+}
+
+export function ClientProvider({ homeserverUrl, children }) {
+  const history = useHistory();
+  const [{ loading, isPasswordlessUser, isGuest, client, userName }, setState] =
+    useState({
+      loading: true,
+      isPasswordlessUser: false,
+      isGuest: false,
+      client: undefined,
+      userName: null,
+      displayName: null,
+    });
+
+  useEffect(() => {
+    async function restore() {
+      try {
+        const authStore = localStorage.getItem("matrix-auth-store");
+
+        if (authStore) {
+          const { user_id, device_id, access_token, guest, passwordlessUser } =
+            JSON.parse(authStore);
+
+          const client = await initClient(
+            {
+              baseUrl: homeserverUrl,
+              accessToken: access_token,
+              userId: user_id,
+              deviceId: device_id,
+            },
+            guest
+          );
+
+          localStorage.setItem(
+            "matrix-auth-store",
+            JSON.stringify({
+              user_id,
+              device_id,
+              access_token,
+              guest,
+              passwordlessUser,
+            })
+          );
+
+          return { client, guest, passwordlessUser };
+        }
+      } catch (err) {
+        localStorage.removeItem("matrix-auth-store");
+      }
+
+      try {
+        const client = await registerGuest(homeserverUrl);
+        return { client, guest: true, passwordlessUser: false };
+      } catch (err) {
+        localStorage.removeItem("matrix-auth-store");
+        throw err;
+      }
+    }
+
+    restore()
+      .then(({ client, guest, passwordlessUser }) => {
+        setState({
+          client,
+          loading: false,
+          isPasswordlessUser: !!passwordlessUser,
+          isGuest: guest,
+          userName: client?.getUserIdLocalpart(),
+        });
+      })
+      .catch((error) => {
+        setState({
+          error,
+          client: undefined,
+          loading: false,
+          isPasswordlessUser: false,
+          isGuest: false,
+          userName: null,
+        });
+      });
+  }, []);
+
+  const login = useCallback(async (homeserver, username, password) => {
+    let loginHomeserverUrl = homeserver.trim();
+
+    if (!loginHomeserverUrl.includes("://")) {
+      loginHomeserverUrl = "https://" + loginHomeserverUrl;
+    }
+
+    try {
+      const wellKnownUrl = new URL(
+        "/.well-known/matrix/client",
+        window.location
+      );
+      const response = await fetch(wellKnownUrl);
+      const config = await response.json();
+
+      if (config["m.homeserver"]) {
+        loginHomeserverUrl = config["m.homeserver"];
+      }
+    } catch (error) {}
+
+    const registrationClient = matrix.createClient(loginHomeserverUrl);
+
+    const { user_id, device_id, access_token } =
+      await registrationClient.loginWithPassword(username, password);
+
+    const client = await initClient({
+      baseUrl: loginHomeserverUrl,
+      accessToken: access_token,
+      userId: user_id,
+      deviceId: device_id,
+    });
+
+    localStorage.setItem(
+      "matrix-auth-store",
+      JSON.stringify({ user_id, device_id, access_token })
+    );
+
+    setState({
+      client,
+      loading: false,
+      isPasswordlessUser: false,
+      isGuest: false,
+      userName: client.getUserIdLocalpart(),
+    });
+
+    return client;
+  }, []);
+
+  const register = useCallback(async (username, password, passwordlessUser) => {
+    const registrationClient = matrix.createClient(homeserverUrl);
+
+    const { user_id, device_id, access_token } =
+      await registrationClient.register(username, password, null, {
+        type: "m.login.dummy",
+      });
+
+    const client = await initClient({
+      baseUrl: homeserverUrl,
+      accessToken: access_token,
+      userId: user_id,
+      deviceId: device_id,
+    });
+
+    localStorage.setItem(
+      "matrix-auth-store",
+      JSON.stringify({ user_id, device_id, access_token, passwordlessUser })
+    );
+
+    setState({
+      client,
+      loading: false,
+      isGuest: false,
+      isPasswordlessUser: passwordlessUser,
+      userName: client.getUserIdLocalpart(),
+    });
+
+    return client;
+  }, []);
+
+  const logout = useCallback(() => {
+    localStorage.removeItem("matrix-auth-store");
+    window.location = "/";
+  }, [history]);
+
+  const context = useMemo(
+    () => ({
+      loading,
+      isPasswordlessUser,
+      isGuest,
+      client,
+      login,
+      register,
+      logout,
+      userName,
+    }),
+    [
+      loading,
+      isPasswordlessUser,
+      isGuest,
+      client,
+      login,
+      register,
+      logout,
+      userName,
+    ]
+  );
+
+  return (
+    <ClientContext.Provider value={context}>{children}</ClientContext.Provider>
+  );
+}
+
+export function useClient() {
+  return useContext(ClientContext);
+}
+
+function roomAliasFromRoomName(roomName) {
+  return roomName
+    .trim()
+    .replace(/\s/g, "-")
+    .replace(/[^\w-]/g, "")
+    .toLowerCase();
+}
+
+export async function createRoom(client, name) {
+  const { room_id, room_alias } = await client.createRoom({
+    visibility: "private",
+    preset: "public_chat",
+    name,
+    room_alias_name: roomAliasFromRoomName(name),
+    power_level_content_override: {
+      invite: 100,
+      kick: 100,
+      ban: 100,
+      redact: 50,
+      state_default: 0,
+      events_default: 0,
+      users_default: 0,
+      events: {
+        "m.room.power_levels": 100,
+        "m.room.history_visibility": 100,
+        "m.room.tombstone": 100,
+        "m.room.encryption": 100,
+        "m.room.name": 50,
+        "m.room.message": 0,
+        "m.room.encrypted": 50,
+        "m.sticker": 50,
+        "org.matrix.msc3401.call.member": 0,
+      },
+      users: {
+        [client.getUserId()]: 100,
+      },
+    },
+  });
+
+  await client.setGuestAccess(room_id, {
+    allowJoin: true,
+    allowRead: true,
+  });
+
+  await client.createGroupCall(
+    room_id,
+    GroupCallType.Video,
+    GroupCallIntent.Prompt
+  );
+
+  return room_alias || room_id;
+}
+
+export function useCreateRoom() {
+  const { register, client } = useClient();
+  const [creatingRoom, setCreatingRoom] = useState(false);
+  const [createRoomError, setCreateRoomError] = useState();
+
+  const onCreateRoom = useCallback(
+    (roomName, userName) => {
+      async function onCreateRoom(roomName, userName) {
+        let _client = client;
+
+        if (!_client) {
+          _client = await register(userName, randomString(16), true);
+        }
+
+        return await createRoom(_client, roomName);
+      }
+
+      setCreateRoomError(undefined);
+      setCreatingRoom(true);
+
+      return onCreateRoom(roomName, userName).catch((error) => {
+        setCreateRoomError(error);
+        setCreatingRoom(false);
+      });
+    },
+    [register, client]
+  );
+
+  return {
+    creatingRoom,
+    createRoomError,
+    createRoom: onCreateRoom,
+  };
+}
+
+export function useLoadGroupCall(client, roomId, viaServers) {
+  const [state, setState] = useState({
+    loading: true,
+    error: undefined,
+    groupCall: undefined,
+  });
+
+  useEffect(() => {
+    setState({ loading: true });
+    fetchGroupCall(client, roomId, viaServers, 30000)
+      .then((groupCall) => setState({ loading: false, groupCall }))
+      .catch((error) => setState({ loading: false, error }));
+  }, [client, roomId]);
+
+  return state;
+}
+
+const tsCache = {};
+
+function getLastTs(client, r) {
+  if (tsCache[r.roomId]) {
+    return tsCache[r.roomId];
+  }
+
+  if (!r || !r.timeline) {
+    const ts = Number.MAX_SAFE_INTEGER;
+    tsCache[r.roomId] = ts;
+    return ts;
+  }
+
+  const myUserId = client.getUserId();
+
+  if (r.getMyMembership() !== "join") {
+    const membershipEvent = r.currentState.getStateEvents(
+      "m.room.member",
+      myUserId
+    );
+
+    if (membershipEvent && !Array.isArray(membershipEvent)) {
+      const ts = membershipEvent.getTs();
+      tsCache[r.roomId] = ts;
+      return ts;
+    }
+  }
+
+  for (let i = r.timeline.length - 1; i >= 0; --i) {
+    const ev = r.timeline[i];
+    const ts = ev.getTs();
+
+    if (ts) {
+      tsCache[r.roomId] = ts;
+      return ts;
+    }
+  }
+
+  const ts = Number.MAX_SAFE_INTEGER;
+  tsCache[r.roomId] = ts;
+  return ts;
+}
+
+function sortRooms(client, rooms) {
+  return rooms.sort((a, b) => {
+    return getLastTs(client, b) - getLastTs(client, a);
+  });
+}
+
+export function useGroupCallRooms(client) {
+  const [rooms, setRooms] = useState([]);
+
+  useEffect(() => {
+    function updateRooms() {
+      const groupCalls = client.groupCallEventHandler.groupCalls.values();
+      const rooms = Array.from(groupCalls).map((groupCall) => groupCall.room);
+      const sortedRooms = sortRooms(client, rooms);
+      const items = sortedRooms.map((room) => {
+        const groupCall = client.getGroupCallForRoom(room.roomId);
+
+        return {
+          roomId: room.getCanonicalAlias() || room.roomId,
+          roomName: room.name,
+          avatarUrl: null,
+          room,
+          groupCall,
+          participants: [...groupCall.participants],
+        };
+      });
+      setRooms(items);
+    }
+
+    updateRooms();
+
+    client.on("GroupCall.incoming", updateRooms);
+    client.on("GroupCall.participants", updateRooms);
+
+    return () => {
+      client.removeListener("GroupCall.incoming", updateRooms);
+      client.removeListener("GroupCall.participants", updateRooms);
+    };
+  }, []);
+
+  return rooms;
+}
+
+export function usePublicRooms(client, publicSpaceRoomId, maxRooms = 50) {
+  const [rooms, setRooms] = useState([]);
+
+  useEffect(() => {
+    if (publicSpaceRoomId) {
+      client.getRoomHierarchy(publicSpaceRoomId, maxRooms).then(({ rooms }) => {
+        const filteredRooms = rooms
+          .filter((room) => room.room_type !== "m.space")
+          .map((room) => ({
+            roomId: room.room_alias || room.room_id,
+            roomName: room.name,
+            avatarUrl: null,
+            room,
+            participants: [],
+          }));
+
+        setRooms(filteredRooms);
+      });
+    } else {
+      setRooms([]);
+    }
+  }, [publicSpaceRoomId]);
+
+  return rooms;
+}
+
+export function getRoomUrl(roomId) {
+  if (roomId.startsWith("#")) {
+    const [localPart, host] = roomId.replace("#", "").split(":");
+
+    if (host !== window.location.host) {
+      return `${window.location.host}/room/${roomId}`;
+    } else {
+      return `${window.location.host}/${localPart}`;
+    }
+  } else {
+    return `${window.location.host}/room/${roomId}`;
+  }
+}
+
+export function useDisplayName(client) {
+  const [{ loading, displayName, error, success }, setState] = useState(() => ({
+    success: false,
+    loading: false,
+    displayName: client?.getUser(client.getUserId())?.displayName,
+    error: null,
+  }));
+
+  useEffect(() => {
+    const onChangeDisplayName = (_event, { displayName }) => {
+      setState({ success: false, loading: false, displayName, error: null });
+    };
+
+    let user;
+
+    if (client) {
+      const userId = client.getUserId();
+      user = client.getUser(userId);
+      user.on("User.displayName", onChangeDisplayName);
+    }
+
+    return () => {
+      if (user) {
+        user.removeListener("User.displayName", onChangeDisplayName);
+      }
+    };
+  }, [client]);
+
+  const setDisplayName = useCallback(
+    (displayName) => {
+      if (client) {
+        setState((prev) => ({
+          ...prev,
+          loading: true,
+          error: null,
+          success: false,
+        }));
+
+        client
+          .setDisplayName(displayName)
+          .then(() => {
+            setState((prev) => ({
+              ...prev,
+              displayName,
+              loading: false,
+              success: true,
+            }));
+          })
+          .catch((error) => {
+            setState((prev) => ({
+              ...prev,
+              loading: false,
+              error,
+              success: false,
+            }));
+          });
+      } else {
+        console.error("Client not initialized before calling setDisplayName");
+      }
+    },
+    [client]
+  );
+
+  return { loading, error, displayName, setDisplayName, success };
+}

src/E2EEBanner.module.css

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

src/E2EEBanner.tsx

@@ -1,35 +0,0 @@
-/*
-Copyright 2023 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { Trans } from "react-i18next";
-
-import { Banner } from "./Banner";
-import styles from "./E2EEBanner.module.css";
-import { ReactComponent as LockOffIcon } from "./icons/LockOff.svg";
-
-export const E2EEBanner = () => {
-  return (
-    <Banner>
-      <div className={styles.e2eeBanner}>
-        <LockOffIcon width={24} height={24} />
-        <Trans>
-          Element Call is temporarily not end-to-end encrypted while we test
-          scalability.
-        </Trans>
-      </div>
-    </Banner>
-  );
-};

src/E2EELock.module.css

@@ -1,28 +0,0 @@
-/*
-Copyright 2023 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-.e2eeLock {
-  width: 24px;
-  height: 24px;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 8px;
-
-  border-radius: 100%;
-  background-color: var(--subtle-primary);
-}

src/E2EELock.tsx

@@ -1,58 +0,0 @@
-/*
-Copyright 2023 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { useTranslation } from "react-i18next";
-import { useCallback } from "react";
-import { useObjectRef } from "@react-aria/utils";
-import { useButton } from "@react-aria/button";
-
-import styles from "./E2EELock.module.css";
-import { ReactComponent as LockOffIcon } from "./icons/LockOff.svg";
-import { TooltipTrigger } from "./Tooltip";
-
-export const E2EELock = () => {
-  const { t } = useTranslation();
-  const tooltip = useCallback(
-    () =>
-      t(
-        "Element Call is temporarily not end-to-end encrypted while we test scalability."
-      ),
-    [t]
-  );
-
-  return (
-    <TooltipTrigger placement="right" tooltip={tooltip}>
-      <Icon />
-    </TooltipTrigger>
-  );
-};
-
-/**
- * This component is a bit of hack - for some reason for the TooltipTrigger to
- * work, it needs to contain a component which uses the useButton hook; please
- * note that for some reason this also needs to be a separate component and we
- * cannot just use the useButton hook inside the E2EELock.
- */
-const Icon = () => {
-  const buttonRef = useObjectRef<HTMLDivElement>();
-  const { buttonProps } = useButton({}, buttonRef);
-
-  return (
-    <div ref={buttonRef} className={styles.e2eeLock} {...buttonProps}>
-      <LockOffIcon />
-    </div>
-  );
-};

src/Facepile.jsx

@@ -0,0 +1,33 @@
+import React from "react";
+import styles from "./Facepile.module.css";
+import classNames from "classnames";
+import { Avatar } from "./Avatar";
+
+export function Facepile({ className, participants, ...rest }) {
+  return (
+    <div
+      className={classNames(styles.facepile, className)}
+      title={participants.map((member) => member.name).join(", ")}
+      {...rest}
+    >
+      {participants.slice(0, 3).map((member, i) => (
+        <Avatar
+          key={member.userId}
+          size="sm"
+          fallback={member.name.slice(0, 1).toUpperCase()}
+          className={styles.avatar}
+          style={{ left: i * 22 }}
+        />
+      ))}
+      {participants.length > 3 && (
+        <Avatar
+          key="additional"
+          size="sm"
+          fallback={`+${participants.length - 3}`}
+          className={styles.avatar}
+          style={{ left: 3 * 22 }}
+        />
+      )}
+    </div>
+  );
+}

src/Facepile.module.css

@@ -1,42 +1,11 @@
-/*
-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;
-}
-
-.facepile.xs {
   height: 24px;
-}
-
-.facepile.sm {
-  height: 32px;
-}
-
-.facepile.md {
-  height: 36px;
+  position: relative;
 }
 
 .facepile .avatar {
   position: absolute;
   top: 0;
-  border: 1px solid var(--system);
-}
-
-.facepile.md .avatar {
-  border-width: 2px;
+  border: 1px solid var(--bgColor2);
 }

src/Facepile.tsx

@@ -1,97 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { HTMLAttributes, useMemo } from "react";
-import classNames from "classnames";
-import { MatrixClient } from "matrix-js-sdk/src/client";
-import { RoomMember } from "matrix-js-sdk/src/models/room-member";
-import { useTranslation } from "react-i18next";
-
-import styles from "./Facepile.module.css";
-import { Avatar, Size, sizes } from "./Avatar";
-
-const overlapMap: Partial<Record<Size, number>> = {
-  [Size.XS]: 2,
-  [Size.SM]: 4,
-  [Size.MD]: 8,
-};
-
-interface Props extends HTMLAttributes<HTMLDivElement> {
-  className: string;
-  client: MatrixClient;
-  members: RoomMember[];
-  max?: number;
-  size?: Size;
-}
-
-export function Facepile({
-  className,
-  client,
-  members,
-  max = 3,
-  size = Size.XS,
-  ...rest
-}: Props) {
-  const { t } = useTranslation();
-
-  const _size = sizes.get(size)!;
-  const _overlap = overlapMap[size]!;
-
-  const title = useMemo(() => {
-    return members.reduce<string | null>(
-      (prev, curr) =>
-        prev === null
-          ? curr.name
-          : t("{{names}}, {{name}}", { names: prev, name: curr.name }),
-      null
-    ) as string;
-  }, [members, t]);
-
-  return (
-    <div
-      className={classNames(styles.facepile, styles[size], className)}
-      title={title}
-      style={{
-        width:
-          Math.min(members.length, max + 1) * (_size - _overlap) + _overlap,
-      }}
-      {...rest}
-    >
-      {members.slice(0, max).map((member, i) => {
-        const avatarUrl = member.getMxcAvatarUrl();
-        return (
-          <Avatar
-            key={member.userId}
-            size={size}
-            src={avatarUrl ?? undefined}
-            fallback={member.name.slice(0, 1).toUpperCase()}
-            className={styles.avatar}
-            style={{ left: i * (_size - _overlap) }}
-          />
-        );
-      })}
-      {members.length > max && (
-        <Avatar
-          key="additional"
-          size={size}
-          fallback={`+${members.length - max}`}
-          className={styles.avatar}
-          style={{ left: max * (_size - _overlap) }}
-        />
-      )}
-    </div>
-  );
-}

src/FullScreenView.jsx

@@ -0,0 +1,68 @@
+import React, { useCallback, useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import styles from "./FullScreenView.module.css";
+import { Header, HeaderLogo, LeftNav, RightNav } from "./Header";
+import classNames from "classnames";
+import { LinkButton, Button } from "./button";
+
+export function FullScreenView({ className, children }) {
+  return (
+    <div className={classNames(styles.page, className)}>
+      <Header>
+        <LeftNav>
+          <HeaderLogo />
+        </LeftNav>
+        <RightNav />
+      </Header>
+      <div className={styles.container}>
+        <div className={styles.content}>{children}</div>
+      </div>
+    </div>
+  );
+}
+
+export function ErrorView({ error }) {
+  const location = useLocation();
+
+  useEffect(() => {
+    console.error(error);
+  }, [error]);
+
+  const onReload = useCallback(() => {
+    window.location = "/";
+  }, []);
+
+  return (
+    <FullScreenView>
+      <h1>Error</h1>
+      <p>{error.message}</p>
+      {location.pathname === "/" ? (
+        <Button
+          size="lg"
+          variant="default"
+          className={styles.homeLink}
+          onPress={onReload}
+        >
+          Return to home screen
+        </Button>
+      ) : (
+        <LinkButton
+          size="lg"
+          variant="default"
+          className={styles.homeLink}
+          to="/"
+        >
+          Return to home screen
+        </LinkButton>
+      )}
+    </FullScreenView>
+  );
+}
+
+export function LoadingView() {
+  return (
+    <FullScreenView>
+      <h1>Loading...</h1>
+    </FullScreenView>
+  );
+}

src/FullScreenView.module.css

@@ -1,19 +1,3 @@
-/*
-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;
@@ -52,12 +36,6 @@ limitations under the License.
   margin-bottom: 0;
 }
 
-/* Make the buttons the same width */
-.wideButton {
+.homeLink {
   width: 291px;
 }
-
-/* Fixed height to avoid content jumping around*/
-.sendLogsSection {
-  height: 50px;
-}

src/FullScreenView.tsx

@@ -1,168 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import { ReactNode, useCallback, useEffect } from "react";
-import { useLocation } from "react-router-dom";
-import classNames from "classnames";
-import { Trans, useTranslation } from "react-i18next";
-import * as Sentry from "@sentry/react";
-
-import { 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;
-  children: ReactNode;
-}
-
-export function FullScreenView({ className, children }: FullScreenViewProps) {
-  return (
-    <div className={classNames(styles.page, className)}>
-      <Header>
-        <LeftNav>
-          <HeaderLogo />
-        </LeftNav>
-        <RightNav />
-      </Header>
-      <div className={styles.container}>
-        <div className={styles.content}>{children}</div>
-      </div>
-    </div>
-  );
-}
-
-interface ErrorViewProps {
-  error: Error;
-}
-
-export function ErrorView({ error }: ErrorViewProps) {
-  const location = useLocation();
-  const { t } = useTranslation();
-
-  useEffect(() => {
-    console.error(error);
-    Sentry.captureException(error);
-  }, [error]);
-
-  const onReload = useCallback(() => {
-    window.location.href = "/";
-  }, []);
-
-  return (
-    <FullScreenView>
-      <h1>Error</h1>
-      <p>
-        {error instanceof TranslatedError
-          ? error.translatedMessage
-          : error.message}
-      </p>
-      {location.pathname === "/" ? (
-        <Button
-          size="lg"
-          variant="default"
-          className={styles.homeLink}
-          onPress={onReload}
-        >
-          {t("Return to home screen")}
-        </Button>
-      ) : (
-        <LinkButton
-          size="lg"
-          variant="default"
-          className={styles.homeLink}
-          to="/"
-        >
-          {t("Return to home screen")}
-        </LinkButton>
-      )}
-    </FullScreenView>
-  );
-}
-
-export function CrashView() {
-  const { t } = useTranslation();
-  const { submitRageshake, sending, sent, error } = useSubmitRageshake();
-
-  const sendDebugLogs = useCallback(() => {
-    submitRageshake({
-      description: "**Soft Crash**",
-      sendLogs: true,
-    });
-  }, [submitRageshake]);
-
-  const onReload = useCallback(() => {
-    window.location.href = "/";
-  }, []);
-
-  let logsComponent: JSX.Element | null = null;
-  if (sent) {
-    logsComponent = <div>{t("Thanks! We'll get right on it.")}</div>;
-  } else if (sending) {
-    logsComponent = <div>{t("Sending…")}</div>;
-  } else if (Config.get().rageshake?.submit_url) {
-    logsComponent = (
-      <Button
-        size="lg"
-        variant="default"
-        onPress={sendDebugLogs}
-        className={styles.wideButton}
-      >
-        {t("Send debug logs")}
-      </Button>
-    );
-  }
-
-  return (
-    <FullScreenView>
-      <Trans>
-        <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 error={translatedError("Couldn't send debug logs!", t)} />
-      )}
-      <Button
-        size="lg"
-        variant="default"
-        className={styles.wideButton}
-        onPress={onReload}
-      >
-        {t("Return to home screen")}
-      </Button>
-    </FullScreenView>
-  );
-}
-
-export function LoadingView() {
-  const { t } = useTranslation();
-
-  return (
-    <FullScreenView>
-      <h1>{t("Loading…")}</h1>
-    </FullScreenView>
-  );
-}

src/GridLayoutMenu.jsx

@@ -0,0 +1,36 @@
+import React from "react";
+import { ButtonTooltip, Button } from "./button";
+import { PopoverMenuTrigger } from "./PopoverMenu";
+import { ReactComponent as SpotlightIcon } from "./icons/Spotlight.svg";
+import { ReactComponent as FreedomIcon } from "./icons/Freedom.svg";
+import { ReactComponent as CheckIcon } from "./icons/Check.svg";
+import styles from "./GridLayoutMenu.module.css";
+import { Menu } from "./Menu";
+import { Item } from "@react-stately/collections";
+
+export function GridLayoutMenu({ layout, setLayout }) {
+  return (
+    <PopoverMenuTrigger placement="bottom right">
+      <Button variant="icon">
+        <ButtonTooltip>Layout Type</ButtonTooltip>
+        {layout === "spotlight" ? <SpotlightIcon /> : <FreedomIcon />}
+      </Button>
+      {(props) => (
+        <Menu {...props} label="Grid layout menu" onAction={setLayout}>
+          <Item key="freedom" textValue="Freedom">
+            <FreedomIcon />
+            <span>Freedom</span>
+            {layout === "freedom" && <CheckIcon className={styles.checkIcon} />}
+          </Item>
+          <Item key="spotlight" textValue="Spotlight">
+            <SpotlightIcon />
+            <span>Spotlight</span>
+            {layout === "spotlight" && (
+              <CheckIcon className={styles.checkIcon} />
+            )}
+          </Item>
+        </Menu>
+      )}
+    </PopoverMenuTrigger>
+  );
+}

src/GridLayoutMenu.module.css

@@ -0,0 +1,8 @@
+.checkIcon {
+  position: absolute;
+  right: 16px;
+}
+
+.checkIcon * {
+  stroke: var(--textColor1);
+}

src/GroupCallInspector.jsx

@@ -0,0 +1,204 @@
+import { Resizable } from "re-resizable";
+import React, { useEffect, useState, useMemo } from "react";
+import { useCallback } from "react";
+import ReactJson from "react-json-view";
+
+function getCallUserId(call) {
+  return call.getOpponentMember()?.userId || call.invitee || null;
+}
+
+function getCallState(call) {
+  return {
+    id: call.callId,
+    opponentMemberId: getCallUserId(call),
+    state: call.state,
+    direction: call.direction,
+  };
+}
+
+function getHangupCallState(call) {
+  return {
+    ...getCallState(call),
+    hangupReason: call.hangupReason,
+  };
+}
+
+export function GroupCallInspector({ client, groupCall, show }) {
+  const [roomStateEvents, setRoomStateEvents] = useState([]);
+  const [toDeviceEvents, setToDeviceEvents] = useState([]);
+  const [state, setState] = useState({
+    userId: client.getUserId(),
+  });
+
+  const updateState = useCallback(
+    (next) => setState((prev) => ({ ...prev, ...next })),
+    []
+  );
+
+  useEffect(() => {
+    function onUpdateRoomState(event) {
+      if (event) {
+        setRoomStateEvents((prev) => [
+          ...prev,
+          {
+            eventType: event.getType(),
+            stateKey: event.getStateKey(),
+            content: event.getContent(),
+          },
+        ]);
+      }
+
+      const roomEvent = groupCall.room.currentState
+        .getStateEvents("org.matrix.msc3401.call", groupCall.groupCallId)
+        .getContent();
+
+      const memberEvents = Object.fromEntries(
+        groupCall.room.currentState
+          .getStateEvents("org.matrix.msc3401.call.member")
+          .map((event) => [event.getStateKey(), event.getContent()])
+      );
+
+      updateState({
+        ["org.matrix.msc3401.call"]: roomEvent,
+        ["org.matrix.msc3401.call.member"]: memberEvents,
+      });
+    }
+
+    function onCallsChanged() {
+      const calls = groupCall.calls.reduce((obj, call) => {
+        obj[
+          `${call.callId} (${call.getOpponentMember()?.userId || call.sender})`
+        ] = getCallState(call);
+        return obj;
+      }, {});
+
+      updateState({ calls });
+    }
+
+    function onCallHangup(call) {
+      setState(({ hangupCalls, ...rest }) => ({
+        ...rest,
+        hangupCalls: {
+          ...hangupCalls,
+          [`${call.callId} (${
+            call.getOpponentMember()?.userId || call.sender
+          })`]: getHangupCallState(call),
+        },
+      }));
+    }
+
+    function onToDeviceEvent(event) {
+      const eventType = event.getType();
+
+      if (
+        !(
+          eventType.startsWith("m.call.") ||
+          eventType.startsWith("org.matrix.call.")
+        )
+      ) {
+        return;
+      }
+
+      const content = event.getContent();
+
+      if (content.conf_id && content.conf_id !== groupCall.groupCallId) {
+        return;
+      }
+
+      setToDeviceEvents((prev) => [
+        ...prev,
+        { eventType, content, sender: event.getSender() },
+      ]);
+    }
+
+    client.on("RoomState.events", onUpdateRoomState);
+    groupCall.on("calls_changed", onCallsChanged);
+    client.on("state", onCallsChanged);
+    client.on("hangup", onCallHangup);
+    client.on("toDeviceEvent", onToDeviceEvent);
+
+    onUpdateRoomState();
+  }, [client, groupCall]);
+
+  const toDeviceEventsByCall = useMemo(() => {
+    const result = {};
+
+    for (const event of toDeviceEvents) {
+      const callId = event.content.call_id;
+      const key = `${callId} (${event.sender})`;
+      result[key] = result[key] || [];
+      result[key].push(event);
+    }
+
+    return result;
+  }, [toDeviceEvents]);
+
+  useEffect(() => {
+    let timeout;
+
+    async function updateCallStats() {
+      const callIds = groupCall.calls.map(
+        (call) =>
+          `${call.callId} (${call.getOpponentMember()?.userId || call.sender})`
+      );
+      const stats = await Promise.all(
+        groupCall.calls.map((call) =>
+          call.peerConn
+            ? call.peerConn
+                .getStats(null)
+                .then((stats) =>
+                  Object.fromEntries(
+                    Array.from(stats).map(([_id, report], i) => [
+                      report.type + i,
+                      report,
+                    ])
+                  )
+                )
+            : Promise.resolve(null)
+        )
+      );
+
+      const callStats = {};
+
+      for (let i = 0; i < groupCall.calls.length; i++) {
+        callStats[callIds[i]] = stats[i];
+      }
+
+      updateState({ callStats });
+      timeout = setTimeout(updateCallStats, 1000);
+    }
+
+    if (show) {
+      updateCallStats();
+    }
+
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [show]);
+
+  if (!show) {
+    return null;
+  }
+
+  return (
+    <Resizable enable={{ top: true }} defaultSize={{ height: 200 }}>
+      <ReactJson
+        theme="monokai"
+        src={{
+          ...state,
+          roomStateEvents,
+          toDeviceEvents,
+          toDeviceEventsByCall,
+        }}
+        name={null}
+        indentWidth={2}
+        collapsed={1}
+        displayDataTypes={false}
+        displayObjectSize={false}
+        enableClipboard={false}
+        style={{ height: "100%", overflowY: "scroll" }}
+      />
+    </Resizable>
+  );
+}

src/Header.jsx

@@ -0,0 +1,68 @@
+import classNames from "classnames";
+import React, { useRef } from "react";
+import { Link } from "react-router-dom";
+import styles from "./Header.module.css";
+import { ReactComponent as Logo } from "./icons/Logo.svg";
+import { ReactComponent as VideoIcon } from "./icons/Video.svg";
+import { ReactComponent as ArrowLeftIcon } from "./icons/ArrowLeft.svg";
+import { useButton } from "@react-aria/button";
+
+export function Header({ children, className, ...rest }) {
+  return (
+    <header className={classNames(styles.header, className)} {...rest}>
+      {children}
+    </header>
+  );
+}
+
+export function LeftNav({ children, className, ...rest }) {
+  return (
+    <div
+      className={classNames(styles.nav, styles.leftNav, className)}
+      {...rest}
+    >
+      {children}
+    </div>
+  );
+}
+
+export function RightNav({ children, className, ...rest }) {
+  return (
+    <div
+      className={classNames(styles.nav, styles.rightNav, className)}
+      {...rest}
+    >
+      {children}
+    </div>
+  );
+}
+
+export function HeaderLogo() {
+  return (
+    <Link className={styles.logo} to="/">
+      <Logo />
+    </Link>
+  );
+}
+
+export function RoomHeaderInfo({ roomName }) {
+  return (
+    <>
+      <div className={styles.roomAvatar}>
+        <VideoIcon width={16} height={16} />
+      </div>
+      <h3>{roomName}</h3>
+    </>
+  );
+}
+
+export function RoomSetupHeaderInfo({ roomName, ...rest }) {
+  const ref = useRef();
+  const { buttonProps } = useButton(rest, ref);
+  return (
+    <button className={styles.backButton} ref={ref} {...buttonProps}>
+      <ArrowLeftIcon width={16} height={16} />
+      <RoomHeaderInfo roomName={roomName} />
+    </button>
+  );
+}

src/Header.module.css

@@ -1,19 +1,3 @@
-/*
-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;
@@ -32,24 +16,16 @@ limitations under the License.
   height: 64px;
 }
 
-.headerLogo {
-  display: none;
+.logo {
+  display: flex;
   align-items: center;
   text-decoration: none;
 }
 
-.leftNav.hideMobile {
-  display: none;
-}
-
 .leftNav > * {
   margin-right: 12px;
 }
 
-.leftNav h3 {
-  margin: 0;
-}
-
 .rightNav {
   justify-content: flex-end;
 }
@@ -58,17 +34,13 @@ limitations under the License.
   margin-right: 24px;
 }
 
-.rightNav.hideMobile {
-  display: none;
-}
-
 .nav > :last-child {
   margin-right: 0;
 }
 
 .roomAvatar {
   position: relative;
-  display: none;
+  display: flex;
   justify-content: center;
   align-items: center;
   width: 36px;
@@ -86,7 +58,7 @@ limitations under the License.
   background: transparent;
   border: none;
   display: flex;
-  color: var(--primary-content);
+  color: var(--textColor1);
   cursor: pointer;
   align-items: center;
 }
@@ -120,37 +92,8 @@ limitations under the License.
   flex-shrink: 0;
 }
 
-.versionMismatchWarning {
-  padding-left: 15px;
-}
-
-.versionMismatchWarning::before {
-  content: "";
-  display: inline-block;
-  position: relative;
-  top: 1px;
-  width: 16px;
-  height: 16px;
-  mask-image: url("./icons/AlertTriangleFilled.svg");
-  mask-repeat: no-repeat;
-  mask-size: contain;
-  background-color: var(--alert);
-  padding-right: 5px;
-}
-
 @media (min-width: 800px) {
-  .headerLogo,
-  .roomAvatar,
-  .leftNav.hideMobile,
-  .rightNav.hideMobile {
-    display: flex;
-  }
-
-  .leftNav h3 {
-    font-size: var(--font-size-subtitle);
-  }
-
   .nav {
-    height: 76px;
+    height: 98px;
   }
 }

src/Header.stories.jsx

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

src/Header.tsx

@@ -1,158 +0,0 @@
-/*
-Copyright 2022 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import classNames from "classnames";
-import { HTMLAttributes, ReactNode, useCallback } from "react";
-import { Link } from "react-router-dom";
-import { Room } from "matrix-js-sdk/src/models/room";
-import { useTranslation } from "react-i18next";
-
-import styles from "./Header.module.css";
-import { useModalTriggerState } from "./Modal";
-import { Button } from "./button";
-import { ReactComponent as Logo } from "./icons/Logo.svg";
-import { Subtitle } from "./typography/Typography";
-import { IncompatibleVersionModal } from "./IncompatibleVersionModal";
-
-interface HeaderProps extends HTMLAttributes<HTMLElement> {
-  children: ReactNode;
-  className?: string;
-}
-
-export function Header({ children, className, ...rest }: HeaderProps) {
-  return (
-    <header className={classNames(styles.header, className)} {...rest}>
-      {children}
-    </header>
-  );
-}
-
-interface LeftNavProps extends HTMLAttributes<HTMLElement> {
-  children: ReactNode;
-  className?: string;
-  hideMobile?: boolean;
-}
-
-export function LeftNav({
-  children,
-  className,
-  hideMobile,
-  ...rest
-}: LeftNavProps) {
-  return (
-    <div
-      className={classNames(
-        styles.nav,
-        styles.leftNav,
-        { [styles.hideMobile]: hideMobile },
-        className
-      )}
-      {...rest}
-    >
-      {children}
-    </div>
-  );
-}
-
-interface RightNavProps extends HTMLAttributes<HTMLElement> {
-  children?: ReactNode;
-  className?: string;
-  hideMobile?: boolean;
-}
-
-export function RightNav({
-  children,
-  className,
-  hideMobile,
-  ...rest
-}: RightNavProps) {
-  return (
-    <div
-      className={classNames(
-        styles.nav,
-        styles.rightNav,
-        { [styles.hideMobile]: hideMobile },
-        className
-      )}
-      {...rest}
-    >
-      {children}
-    </div>
-  );
-}
-
-interface HeaderLogoProps {
-  className?: string;
-}
-
-export function HeaderLogo({ className }: HeaderLogoProps) {
-  const { t } = useTranslation();
-
-  return (
-    <Link
-      className={classNames(styles.headerLogo, className)}
-      to="/"
-      aria-label={t("Element Call Home")}
-    >
-      <Logo />
-    </Link>
-  );
-}
-
-interface RoomHeaderInfo {
-  roomName: string;
-}
-
-export function RoomHeaderInfo({ roomName }: RoomHeaderInfo) {
-  return (
-    <>
-      <Subtitle data-testid="roomHeader_roomName" fontWeight="semiBold">
-        {roomName}
-      </Subtitle>
-    </>
-  );
-}
-
-interface VersionMismatchWarningProps {
-  users: Set<string>;
-  room: Room;
-}
-
-export function VersionMismatchWarning({
-  users,
-  room,
-}: VersionMismatchWarningProps) {
-  const { t } = useTranslation();
-  const { modalState, modalProps } = useModalTriggerState();
-
-  const onDetailsClick = useCallback(() => {
-    modalState.open();
-  }, [modalState]);
-
-  if (users.size === 0) return null;
-
-  return (
-    <span className={styles.versionMismatchWarning}>
-      {t("Incompatible versions!")}
-      <Button variant="link" onClick={onDetailsClick}>
-        {t("Details")}
-      </Button>
-      {modalState.isOpen && (
-        <IncompatibleVersionModal userIds={users} room={room} {...modalProps} />
-      )}
-    </span>
-  );
-}

src/Home.jsx

@@ -0,0 +1,297 @@
+/*
+Copyright 2021 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, Link } from "react-router-dom";
+import {
+  useClient,
+  useGroupCallRooms,
+  usePublicRooms,
+  useCreateRoom,
+} from "./ConferenceCallManagerHooks";
+import { Header, HeaderLogo, LeftNav, RightNav } from "./Header";
+import styles from "./Home.module.css";
+import { FieldRow, InputField, ErrorMessage } from "./Input";
+import { UserMenu } from "./UserMenu";
+import { Button } from "./button";
+import { CallList } from "./CallList";
+import classNames from "classnames";
+import { ErrorView, LoadingView } from "./FullScreenView";
+
+export function Home() {
+  const { isGuest, isPasswordlessUser, loading, error, client } = useClient();
+
+  const history = useHistory();
+  const { createRoomError, creatingRoom, createRoom } = useCreateRoom();
+
+  const onCreateRoom = useCallback(
+    (e) => {
+      e.preventDefault();
+      const data = new FormData(e.target);
+      const roomName = data.get("roomName");
+      const userName = data.get("userName");
+
+      createRoom(roomName, userName).then((roomIdOrAlias) => {
+        if (roomIdOrAlias) {
+          history.push(`/room/${roomIdOrAlias}`);
+        }
+      });
+    },
+    [history]
+  );
+
+  const onJoinRoom = useCallback(
+    (e) => {
+      e.preventDefault();
+      const data = new FormData(e.target);
+      const roomId = data.get("roomId");
+      history.push(`/${roomId}`);
+    },
+    [history]
+  );
+
+  if (loading) {
+    return <LoadingView />;
+  } else if (error || createRoomError) {
+    return <ErrorView error={error || createRoomError} />;
+  } else if (isGuest) {
+    return (
+      <UnregisteredView
+        onCreateRoom={onCreateRoom}
+        createRoomError={createRoomError}
+        creatingRoom={creatingRoom}
+        onJoinRoom={onJoinRoom}
+      />
+    );
+  } else {
+    return (
+      <RegisteredView
+        client={client}
+        isPasswordlessUser={isPasswordlessUser}
+        isGuest={isGuest}
+        onCreateRoom={onCreateRoom}
+        createRoomError={createRoomError}
+        creatingRoom={creatingRoom}
+        onJoinRoom={onJoinRoom}
+      />
+    );
+  }
+}
+
+function UnregisteredView({
+  onCreateRoom,
+  createRoomError,
+  creatingRoom,
+  onJoinRoom,
+}) {
+  return (
+    <div className={classNames(styles.home, styles.fullWidth)}>
+      <Header className={styles.header}>
+        <LeftNav>
+          <HeaderLogo />
+        </LeftNav>
+        <RightNav>
+          <UserMenu />
+        </RightNav>
+      </Header>
+      <div className={styles.splitContainer}>
+        <div className={styles.left}>
+          <div className={styles.content}>
+            <div className={styles.centered}>
+              <form onSubmit={onJoinRoom}>
+                <h1>Join a call</h1>
+                <FieldRow className={styles.fieldRow}>
+                  <InputField
+                    id="roomId"
+                    name="roomId"
+                    label="Call ID"
+                    type="text"
+                    required
+                    autoComplete="off"
+                    placeholder="Call ID"
+                  />
+                </FieldRow>
+                <FieldRow className={styles.fieldRow}>
+                  <Button className={styles.button} type="submit">
+                    Join call
+                  </Button>
+                </FieldRow>
+              </form>
+              <hr />
+              <form onSubmit={onCreateRoom}>
+                <h1>Create a call</h1>
+                <FieldRow className={styles.fieldRow}>
+                  <InputField
+                    id="userName"
+                    name="userName"
+                    label="Username"
+                    type="text"
+                    required
+                    autoComplete="off"
+                    placeholder="Username"
+                  />
+                </FieldRow>
+                <FieldRow className={styles.fieldRow}>
+                  <InputField
+                    id="roomName"
+                    name="roomName"
+                    label="Room Name"
+                    type="text"
+                    required
+                    autoComplete="off"
+                    placeholder="Room Name"
+                  />
+                </FieldRow>
+                {createRoomError && (
+                  <FieldRow className={styles.fieldRow}>
+                    <ErrorMessage>{createRoomError.message}</ErrorMessage>
+                  </FieldRow>
+                )}
+                <FieldRow className={styles.fieldRow}>
+                  <Button
+                    className={styles.button}
+                    type="submit"
+                    disabled={creatingRoom}
+                  >
+                    {creatingRoom ? "Creating call..." : "Create call"}
+                  </Button>
+                </FieldRow>
+              </form>
+
+              <div className={styles.authLinks}>
+                <p>
+                  Not registered yet?{" "}
+                  <Link to="/register">Create an account</Link>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function RegisteredView({
+  client,
+  isPasswordlessUser,
+  isGuest,
+  onCreateRoom,
+  createRoomError,
+  creatingRoom,
+  onJoinRoom,
+}) {
+  const publicRooms = usePublicRooms(
+    client,
+    import.meta.env.VITE_PUBLIC_SPACE_ROOM_ID
+  );
+  const recentRooms = useGroupCallRooms(client);
+
+  const hideCallList = publicRooms.length === 0 && recentRooms.length === 0;
+
+  return (
+    <div
+      className={classNames(styles.home, {
+        [styles.fullWidth]: hideCallList,
+      })}
+    >
+      <Header className={styles.header}>
+        <LeftNav className={styles.leftNav}>
+          <HeaderLogo />
+        </LeftNav>
+        <RightNav>
+          <UserMenu />
+        </RightNav>
+      </Header>
+      <div className={styles.splitContainer}>
+        <div className={styles.left}>
+          <div className={styles.content}>
+            <div className={styles.centered}>
+              <form onSubmit={onJoinRoom}>
+                <h1>Join a call</h1>
+                <FieldRow className={styles.fieldRow}>
+                  <InputField
+                    id="roomId"
+                    name="roomId"
+                    label="Call ID"
+                    type="text"
+                    required
+                    autoComplete="off"
+                    placeholder="Call ID"
+                  />
+                </FieldRow>
+                <FieldRow className={styles.fieldRow}>
+                  <Button className={styles.button} type="submit">
+                    Join call
+                  </Button>
+                </FieldRow>
+              </form>
+              <hr />
+              <form onSubmit={onCreateRoom}>
+                <h1>Create a call</h1>
+                <FieldRow className={styles.fieldRow}>
+                  <InputField
+                    id="roomName"
+                    name="roomName"
+                    label="Room Name"
+                    type="text"
+                    required
+                    autoComplete="off"
+                    placeholder="Room Name"
+                  />
+                </FieldRow>
+                {createRoomError && (
+                  <FieldRow className={styles.fieldRow}>
+                    <ErrorMessage>{createRoomError.message}</ErrorMessage>
+                  </FieldRow>
+                )}
+                <FieldRow className={styles.fieldRow}>
+                  <Button
+                    className={styles.button}
+                    type="submit"
+                    disabled={creatingRoom}
+                  >
+                    {creatingRoom ? "Creating call..." : "Create call"}
+                  </Button>
+                </FieldRow>
+              </form>
+              {(isPasswordlessUser || isGuest) && (
+                <div className={styles.authLinks}>
+                  <p>
+                    Not registered yet?{" "}
+                    <Link to="/register">Create an account</Link>
+                  </p>
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+        {!hideCallList && (
+          <div className={styles.right}>
+            <div className={styles.content}>
+              {publicRooms.length > 0 && (
+                <CallList title="Public Calls" rooms={publicRooms} />
+              )}
+              {recentRooms.length > 0 && (
+                <CallList title="Recent Calls" rooms={recentRooms} />
+              )}
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}

src/Home.module.css

@@ -0,0 +1,140 @@
+.home {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 100%;
+}
+
+.splitContainer {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+
+.left,
+.right {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+.fullWidth {
+  background-color: var(--bgColor1);
+}
+
+.fullWidth .header {
+  background-color: var(--bgColor1);
+}
+
+.centered {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  max-width: 512px;
+  min-width: 0;
+}
+
+.content {
+  flex: 1;
+}
+
+.left .content {
+  display: flex;
+  flex-direction: column;
+  padding-top: 40px;
+  align-items: center;
+}
+
+.left .content form > * {
+  margin-top: 0;
+  margin-bottom: 24px;
+}
+
+.left .content form > :last-child {
+  margin-bottom: 0;
+}
+
+.left .content hr:after {
+  background-color: var(--bgColor1);
+  content: "OR";
+  padding: 0 12px;
+  position: relative;
+  top: -12px;
+}
+
+.left .content form {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 92px;
+}
+
+.fieldRow {
+  width: 100%;
+}
+
+.button {
+  height: 40px;
+  width: 100%;
+  font-size: 15px;
+  font-weight: 600;
+}
+
+.left .content form:first-child {
+  padding-top: 0;
+}
+
+.left .content form:last-child {
+  padding-bottom: 40px;
+}
+
+.right .content {
+  padding: 40px;
+}
+
+.right .content h3:first-child {
+  margin-top: 0;
+}
+
+.authLinks {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.authLinks {
+  margin-bottom: 100px;
+  font-size: 15px;
+}
+
+.authLinks a {
+  color: #0dbd8b;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+@media (min-width: 800px) {
+  .left {
+    background-color: var(--bgColor2);
+  }
+
+  .home:not(.fullWidth) .left {
+    max-width: 50%;
+  }
+
+  .home:not(.fullWidth) .leftNav {
+    background-color: var(--bgColor2);
+  }
+
+  .splitContainer {
+    flex-direction: row;
+  }
+
+  .fullWidth .content hr:after,
+  .left .content hr:after,
+  .fullWidth .header {
+    background-color: var(--bgColor2);
+  }
+}